Canvas 画线粗细调整:lineWidth、lineCap 和 lineJoin 属性
要调整 Canvas 中画线的粗细,可以使用以下属性:
-
'lineWidth':设置线条的宽度,可以是任何大于 0 的数字。
-
'lineCap':设置线条的端点样式,可以是'butt'(默认,平直端点)、'round'(圆形端点)或'square'(方形端点)。
-
'lineJoin':设置线条的连接点样式,可以是'miter'(默认,尖角连接)、'round'(圆角连接)或'bevel'(斜角连接)。
例如,要将线条宽度设置为 5 像素,可以使用以下代码:
ctx.lineWidth = 5;
要将线条端点样式设置为圆形,可以使用以下代码:
ctx.lineCap = 'round';
要将线条连接点样式设置为圆角连接,可以使用以下代码:
ctx.lineJoin = 'round';
原文地址: https://www.cveoy.top/t/topic/m0Gj 著作权归作者所有。请勿转载和采集!