svg - 如何使用尺寸处理 SVG

Question

我想绘制一个篮球场以缩放 SVG 图像。

我有球场的尺寸。

如何使用现实生活中的尺寸创建 SVG 图像，并按比例缩小输出以适应任意图像尺寸，例如 300 像素 x 300 像素？

编辑：澄清更多 - 我想画出现实生活中 5 英寸的油漆线。我是否将 5 英寸作为我的“单位”，然后将其他所有内容乘以这个？

Answer 1

如果一个篮球场长 94 英尺，并且您想将其绘制为适合 300 像素的比例，那么请根据您的目标尺寸计算出比例。300 / 94 = 3.19。使用该数字来决定您的比例（包括油漆线的宽度）。

Answer 2

抛开像 Raphael 这样的框架，你不能把整个球场画在一个<svg height="50" width="94">（或以英寸为单位）内，然后将整个东西放在一个<g transform="scale(3.14159)">放大或缩小以适应 300 像素的范围内吗？该元素有多种可用的变换<g>。SVG 真的很擅长这种事情，你可以在你的根图中使用熟悉的措施。