如何使用维度来处理SVG

Question

我想画一个篮球场来扩展SVG图像。

我有dimensions of the court。

如何使用现实尺寸创建SVG图像，并按比例缩小输出以适应任意图像尺寸，例如300px×300px？

编辑：澄清更多 - 我想画出现实生活中5英寸的画线。我将5英寸的单位做成“单位”，然后将其他所有内容相乘吗？

Answer 1

如果篮球场的长度为94英尺并且您想要将其绘制成适合300px的比例，那么请根据您的目标尺寸确定比例。 300/94 = 3.19。使用该数字来确定您的比例（包括绘画线的宽度）。

Answer 2

将拉斐尔这样的框架放在一边，你不能在<svg height="50" width="94">内绘制整个球场（或用英寸作为你的单位），然后将整个内容包围在<g transform="scale(3.14159)">里面向上或向下缩放适合300像素？ <g>元素有多种变换可用。 SVG非常擅长这种事情，您可以在根图中使用熟悉的度量。