gpt4 book ai didi

javascript - SVG 路径弧元素不起作用

转载 作者:行者123 更新时间:2023-12-03 08:56:54 28 4
gpt4 key购买 nike

我正在尝试用 SVG 路径绘制一个 donut 。我通过绘制两条弧和一条线来实现此目的。第一个圆弧是外圆。在半径很大之前它工作得很好。当外圆半径减小时, donut 就不会出现。

<svg height="400" width="400">
<path d="M 200 143 A 57 57 0 1 1 199.99994299999997 143 L 199.9999772 177.2000000000114 A 22.8 22.8 1 1 0 200 177.2 z" fill="transparent" stroke="blue" />
</svg>

以下屏幕截图显示原始图像。

enter image description here

我的代码位于 this jsfiddle .

最佳答案

问题是你只关闭了第二条弧线。您应该在绘制第二个圆弧之前关闭第一个圆弧。

演示:

<svg height="400" width="400">
<path d="M 200 143 A 57 57 0 1 1 199 143 z M 199.9999772 177.2000000000114 A 22.8 22.8 1 1 0 200 177.2 z" fill="transparent" stroke="blue" />
</svg>

关于javascript - SVG 路径弧元素不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32454104/

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