Warm tip: This article is reproduced from serverfault.com, please click
javascript-如何使画布圆弧具有尖锐的圆角弧
(javascript - How to make Canvas Arcs having sharp angled arcs)
发布于 2020-11-29 18:56:47
因此出于某种原因，我可能发誓这是arc在canvas标签中始终起作用的方式，但不幸的是，事实并非如此。
因此，我期望并最终希望拥有的最终结果是：
canvas.arc(x,y,r,0,360); //ik this should be Math.PI * 2
canvas.arc(x,y,r,0,270); //and other Math.PI * #
canvas.arc(x,y,r,0,180); //But I used degrees to help show
canvas.arc(x,y,r,0,90); //how I'd like it to use it.
它将使这些圈子：
但是不幸的是，当你执行上面的代码时，它的功能有所不同...它可以很好地创建圆的STROKE部分，但将其填充仅会画出一条从起始角度到终止角度的线并将其填充：
我能想到的唯一解决方案是以某种方式将圆弧的填充过程覆盖到，而不是将线填充到另一个角度，首先将线填充到弧的中心，然后再返回到结束角度。但是我不知道该怎么做，而且我也不了解beizers想从头开始重新创建弧，以便使用所需的lineTo用法来重新创建弧。
总结：如何使我的实心圆在部分圆的中心具有实际的“角度”？
Questioner
Frustrated programmer
Viewed
0
