html 怎么在画布上绘制一个圆,javascript – 如何在画布上画一个圆圈？ -凯发k8官方网

我使用

javascript和画布绘制一个数学设计的尺度(用于测量扭矩,包括牛顿米和英尺磅).我已经用三角法来定位我的刻度,自然地用弧线绘制电弧线.问题来了,当他们需要排队,但有一些奇怪的失真.然后我绘制了一个非常大的圆圈,并将其与gimp中的圆形选择进行了比较,并发生了扭曲.圆圈围绕圆圈每45度一致,但是在这些节点之间,画布绘制的圆圈向外偏离,非常像可以向外圆得太远以近似圆的八边形.

为什么会发生这种扭曲？如何在画布上画一个圆圈？

这是我用来产生我扭曲的圈子的代码.

var canvas = document.getelementbyid('mycanvas');

var context = canvas.getcontext('2d');

context.beginpath();

context.arc(4000, 4000, 3200, 0, math.pi*2, false);

context.linewidth = 1;

context.strokestyle = '#ff0000';

context.linecap = 'square';

context.stroke();

这可能不是最小的,我不知道context.linecap的相关性,但它是基于这个代码的遗迹.

以下屏幕截图显示了gimp绘制的圆与chrome绘制的圆之间的区别

总结

以上是凯发k8官方网为你收集整理的html 怎么在画布上绘制一个圆,javascript – 如何在画布上画一个圆圈？的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得凯发k8官方网网站内容还不错，欢迎将凯发k8官方网推荐给好友。