Question

我有svg with polygon。从右（顶部）到左边（底部 - （我认为是100px）。我想从左上到右返回它。

＆＃13;

<svg class="ddd" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 10" preserveAspectRatio="none">
    <polygon points="100 0 100 10 0 10" />
</svg>

＆＃13;

我尝试过以不同的方式更改数字，但仍无效。

感谢您的帮助。

Answer 1

points属性包含X和Y坐标对。所以你的多边形包含三个坐标。

在SVG中，（0,0）是图像的左上角，由于你的形状是100 x 10，（100,10）会在右下角。

（100,0）是三角形的右上角（X = 100，Y = 0）
（100,10）是右下角
（0,10）是左下角

要使三角形的上边缘从左上角到右下角，您需要做的就是将第一个点的X坐标从X = 100移动到X = 0.

即。从（100,0）到（0,0）。

<svg class="ddd" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 10" preserveAspectRatio="none">
    <polygon points="0 0 100 10 0 10" />
</svg>

返回我的svg多边形

1 个答案: