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> 

그들은 모두 간단하고, 5 × 5 아이콘입니다. 일시 중지 아이콘은 내가 생각한대로 생성되지만 재생 아이콘에 문제가 있습니다. 웬일인지, 크기 조정 후 일시 중지 아이콘보다 작습니다. 삼각형의 좌표를 올바르게 계산했다고 생각했는데, 포인트 중 하나 (4, 2)는 5,5 이미지의 중간을 만듭니다. 그러나 결과는 다음과 같습니다

오전 내가 모르는 뭔가가?

Answer 1

음, 삼각형 사각형 5의 높이가, 4의 높이를 가지고 있으며, 그것은 당신이 여기에서 볼 수있는 작업 :

시도 :

<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>