canvas重新绘制绘制出的线条太粗怎么解决

canvas重新绘制里绘制椭圆是一个很常見的需求比较新的HTML canvas重新绘制 2D Context W3C草案里面新增了ellipse方法绘制椭圆,但是目前大多数浏览器还没有实现该方法所以需要用arc或者arcTo方法结合scale变形来繪制椭圆。


有点不对因为线条粗细不均匀了,stroke也被scale影响了

要修正这个问题,就要一点点小技巧了


现在均匀了,非常完美

技巧就在先save保存画布状态,然后缩放、调用路径指令再restore恢复画布状态,再stroke绘制出来

画圆角矩形时四个圆角的线总昰比四条边的线更粗,看起来相当难看

其实,不是圆角的线粗了而是四条边的线变细了。what ?

我要回帖

更多关于 canvas重新绘制 的文章

 

随机推荐