如何使用尺寸來實現SVG

我想繪製一個籃球場來在SVG圖像中縮放。我的dimensions of the court。如何使用尺寸來實現SVG

如何使用真實尺寸的尺寸創建SVG圖像，並將輸出按比例縮小以適應任意圖像尺寸，例如300像素×300像素？

編輯：澄清更多 - 我想繪製現實生活中5英寸的油漆線。我是否讓5英寸的「單位」，然後乘以一切？

2012-11-28 Mad Rapper X

離開拉斐爾這樣的框架，你能不能在<svg height="50" width="94">（或使用英寸作爲你的單位）內畫出整個球場，然後把整個球體放在<g transform="scale(3.14159)">的範圍內，以適應300像素？ <g>元素有很多變換可用。 SVG真的很擅長這種事情，你可以在你的根畫圖中使用熟悉的措施。

來源

2012-11-29 06:45:46 Dave

如果一個籃球場的長度爲94英尺，並且想要將其繪製成適合300px的比例，則根據您的目標尺寸計算出比例。 300/94 = 3.19。用這個數字來決定你的比例（包括畫線的寬度）。

來源

2012-11-28 20:34:51

我卡住的地方是 - 你做了94英尺除以300像素...以獲得畫線寬度，這是英寸，我會乘以（5/12）* 3.19？ –

我可能會以英寸計算所有尺寸。這將使它更容易。（94 * 12）/ 300 = 3.76。然後你將所有的尺寸除以3.76。 5in = 1.33px。您可以使用英寸與像素之間的1：1繪製整個圖像，然後對其進行縮放。你在使用框架或庫嗎？我真的很喜歡Raphaeljs。 –

我正在使用cairo - 雖然沒有特別綁定，但我最終可能會使用另一個svg庫。感謝您的幫助，我計劃今天晚些時候對此進行測試 –

如何使用尺寸來實現SVG

回答

相關問題