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>