这种绘制椭圆的方法看起来干净优雅: http: //www.williammalone.com/briefs/how-to-draw-ellipse-html5-canvas/
然而,在测试它时,我发现生成的椭圆被拉伸了。设置宽度和高度相等,我得到的椭圆比宽度高约 20%。这是结果width = height = 50
:
为了确保问题出在方法本身,我尝试更改算法,使用于贝塞尔曲线的所有点都旋转 90 度。结果:
同样,在这两种情况下,我都期待一个 50x50 的圆圈。使用如何arc
在html5 画布中绘制椭圆?工作正常,生成完美的 50x50 圆圈(然后可以使用 将其拉伸成椭圆scale
)。
这是怎么回事?