svg - 以cm为单位绘制SVG路径和多边形

Question

我想在 svg 中以 cm 为单位绘制多边形和路径元素，而不是以像素为单位(默认选项)。我能够为在数字后添加 cm 的线条和矩形执行此操作，但以下 svg 代码不起作用:

<svg width="70cm" height="70cm">
<polygon points="1cm,1cm  2.5cm, 1cm  3cm, 13cm  1cm, 13cm"
    style="stroke: #000099;
     fill: #3333cc;
     fill-opacity: 1;
     "  
     />
</svg>

路径相同。有谁知道如何解决这个问题？

更新:我尝试使用不同的屏幕，使用inkscape 或Chrome 读取svg 文件。我在屏幕上测量了厘米，因为我希望绘制的形状是真实世界的厘米。这里令人费解的结果是:

<svg width="20cm" height="20cm" viewBox="0 0 20 20" >
  <polygon points='1,1  2.5,1  3,10  1,10'
    style="stroke: #000000; fill:none;"/>
</svg>

macbook air 屏幕，每英寸 118 像素:多边形从来没有真正的尺寸，总是更小，在inkscape 和 Chrome 中
在另一个屏幕上，每英寸 166 像素，Chrome 中的测量还可以，但 Inkscape 中则不然。如果我尝试在 SVG-edit 中导入也是如此。

有人知道 Inkscape 有什么问题吗？

谢谢

Answer 1

你不能直接。但是(在计算机科学中总是有一个但是)来自文档(W3C):

多边形中的点以用户坐标系

表示

“1cm”等于“35.43307px”(因此是 35.43307 个用户单位)

因此，我建议您向多边形添加一个转换，该转换进行转换并省略点列表中的“cm”:

<svg width="15cm" height="15cm">
    <g transform="scale(35.43307)">
        <polygon points="1,1  2.5,1  3,13  1,13"
                 style="stroke: #000099; fill: #3333cc; fill-opacity: 1;" />
    </g>
</svg>