最近做一个项目需要用到绘画,引用了ZRender插件,因为需要给线条设置圆形线帽,发现文档中并没有线条末端线帽样式的设置方式,于是查看了一下ZRender源码,修改了部分一点源码,可以自定义线帽样式。
lineCap属性
Canvas使用lineCap属性设置或返回线条末端线帽的样式。
lineCap属性值介绍:
butt:向线条的每个末端添加平直的边缘
round:向线条的每个末端添加圆形线帽
square:向线条的每个末端添加正方形线帽
下图是ZRender插件Displayable部分文档,上面并没有关于线帽样式设置的描述;
以线段(zrender.Line)为例进行线帽样式自定义设置
第一步:
第二步:
第三步: