2015-08-25 50 views
0

在我的應用程序中,我創建了一個包含圖像 - 場景背景和一些形狀(矩形,圓形)的SVG場景。svg preserveAspectRatio =「xMidYMid slice」正在改變svg viewbox的大小

關於svg元素我設置了一個視圖框用於處理邏輯單元而不是像素。 因此,在svg元素上,我將preserveAspectRatio屬性設置爲「xMidYMid slice」,在圖像上相同 - 背景場景內。

除了現在的位置x = 0,y = 0不是它應該是的位置,x = 0,y = 0的一切看起來與預期一致,根據場景在「切片之前」的位置「,儘管SVG元素的寬度和高度是相同的。

我需要x = 0,y = 0,它應該在場景的左上角。

感謝您的幫助。

an image that explain my issue:

N,聖

+0

那麼SVG不會覆蓋整個區域。保持縱橫比並完全覆蓋整個區域是不相容的目標。 –

+0

有什麼我可以做的嗎?我不在乎被切片的圖像,我只想讓我的場景成爲不被切片的部分。有沒有解決這個問題的方法? – NadavSt

回答

1

如果您不希望SVG的原點(左上方)移動做的,然後再嘗試:

preserveAspectRatio="xMinYMin slice" 

也許這是你之後?