skewX skewY

將多邊形水平傾斜 45 度：

<svg xmlns="http://www.w3.org/2000/svg">
    <polygon points="0,0 30,0 30,30 0,30" transform="skewX(45)" />
</svg>

結果相當於

<svg xmlns="http://www.w3.org/2000/svg">
    <polygon points="0,0 30,0 60,30 30,30" />
</svg>

x 值計算為 x + y * tan(angle)，y 值保持不變

將多邊形垂直傾斜 30 度：

<svg xmlns="http://www.w3.org/2000/svg">
    <polygon points="0,0 30,0 30,30 0,30" transform="skewY(30)" />
</svg>

結果相當於（允許舍入）

<svg xmlns="http://www.w3.org/2000/svg">
    <polygon points="0,0 30,17.32 30,47.32 0,30" />
</svg>

x 值保持不變，y 值計算為 y + x * tan(angle)