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图标。暂停图标正在生成，正如我所设想的那样，但是我对play图标有一个问题。由于某些原因，缩放后它比暂停图标小。我认为我正确地计算了三角形的和弦，其中一个点是(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>