SVG 三角形 - 为什么这么小？

Question

我为播放和暂停图标创建了两个简单的 SVG 文件：

播放：

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="5" height="5">
    <polygon points="0,0 0,4 4,2" style="fill: red;" />
</svg>

暂停：

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="5" height="5">
    <rect x="0" y="0" width="2" height="5" style="fill: red;" />
    <rect x="3" y="0" width="2" height="5" style="fill: red;" />
</svg>

它们都是简单的 5x5 图标。正如我所假设的那样正在生成暂停图标，但我对播放图标有疑问。出于某种原因，缩放后它比暂停图标小。我想我正确地计算了三角形的坐标，其中一个点是 (4, 2)，它构成了 5,5 图像的右中间。但结果看起来像这样：

我是不是漏掉了什么？

Answer 1

嗯，三角形的高度是 4，矩形的高度是 5，这就是你在这里看到的:)

尝试：

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="5" height="5">
<polygon points="0,0 0,5 5,2.5" style="fill: red;" />
</svg>

SVG 三角形 - 为什么这么小？

SVG triangle - why is it so small?

svg

geometry

polygon