gpt4 book ai didi

html - 尝试垂直翻转 内的

转载 作者:行者123 更新时间:2023-12-04 01:13:42 24 4
gpt4 key购买 nike

我正在尝试垂直翻转 <g>但它不起作用。实际上,我试图翻转的三 Angular 形显示出来了......

<!DOCTYPE html>
<html>
<body>

<svg height="210" width="500">
<g style="transform: scaleY(-1);"> <!-- THIS FLIPPING DOESN'T WORK-->
<polygon points="200,10 250,190 160,210" style="fill:lime;stroke:purple;stroke-width:1" />
</g>
<g>
<polygon points="400,20 450,390 260,310" style="fill:lime;stroke:purple;stroke-width:1" />
</g>
</svg>

</body>
</html>

最佳答案

试试这个

<!DOCTYPE html>
<html>
<body>
<svg height="240" width="500">
<g transform="scale(1, -1) translate(0, -250)">
<polygon points="200,10 250,190 160,210" style="fill:lime;stroke:purple;stroke-width:1" />
</g>
<g>
<polygon points="400,20 450,390 260,310" style="fill:lime;stroke:purple;stroke-width:1" />
</g>
</svg>
</body>
</html>

关于html - 尝试垂直翻转 <svg> 内的 <g>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64046191/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com