画圆角矩形时四个圆角的线总昰比四条边的线更粗,看起来相当难看
其实,不是圆角的线粗了而是四条边的线变细了。what ?
canvas重新绘制里绘制椭圆是一个很常見的需求比较新的HTML canvas重新绘制 2D Context W3C草案里面新增了ellipse方法绘制椭圆,但是目前大多数浏览器还没有实现该方法所以需要用arc或者arcTo方法结合scale变形来繪制椭圆。
有点不对因为线条粗细不均匀了,stroke也被scale影响了
要修正这个问题,就要一点点小技巧了
现在均匀了,非常完美
技巧就在先save保存画布状态,然后缩放、调用路径指令再restore恢复画布状态,再stroke绘制出来
画圆角矩形时四个圆角的线总昰比四条边的线更粗,看起来相当难看
其实,不是圆角的线粗了而是四条边的线变细了。what ?