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

下图是ZRender插件Displayable部分文档,上面并没有关于线帽样式设置的描述;

以线段(zrender.Line)为例进行线帽样式自定义设置
第一步:

第二步:

第三步:

1029

被折叠的 条评论
为什么被折叠?



