setStrokeWidth(width) 设置画布画笔粗细（画笔宽度）

功能分类： Canvas Applab JavaScript 少儿编程

设置当前激活画布的画笔粗细（画笔宽度）为指定的 width 像素。

使用这个方法来设置画笔粗细（画笔宽度）时只对当前激活画布有效。画笔粗细（画笔宽度）会影响以下操作结果：line()、rect() 以及 circle()。即画笔粗细会影响画线、矩形以及圆时线条的粗细。width 值的单位为像素，值越高则线条越粗。设置画笔粗细（画笔宽度）时，之前所画图形将不受影响。

示例代码

示例代码：平行线 在横轴方向画两条平行线。直接画出其中一条。指定新的画笔粗细后画出另一条。


// 在横轴方向画两条平行线
createCanvas("canvas1");
// 直接画出其中一条
line(120, 50, 200, 50);
// 指定新的画笔粗细后画出另一条
setStrokeWidth(20);
line(120, 75, 200, 75);

示例代码：相同位置两条线 在相同位置画两条不同粗细的线。可以看到粗的线条比较原来线条在两侧两个方向加粗。


// 在相同位置画两条不同粗细的线。可以看到粗的线条比较原来线条在两侧两个方向加粗。
createCanvas("canvas1");
setStrokeColor("lightblue");
setStrokeWidth(20);
line(0, 50, 320, 50);
setStrokeColor("black");
setStrokeWidth(1);
line(0, 50, 320, 50);

语法规则


setStrokeWidth(width)

参数说明

名称 类型 必需 参数描述
width number Yes 指定画笔粗细（宽度），单位：像素。对应画线、矩形、圆时线条的粗细（宽度）。

返回值

没有返回值。只在显示结果页面体现代码执行前后变化。

提示说明

  • setStrokeWidth() 方法只影响当前激活画布。如果 APP 应用中使用了多个画布，可以指定每个画布上不同尺寸的画笔宽度（粗细）。
  • 当一个画布被创建时，默认的画笔宽度（粗细）为 1 像素。
  • 使用这个方法之前，需要确保屏幕上 canvas 画布已被创建，你可以在 Applab 里的 设计 模式里创建画布，或在代码里使用 createCanvas() 方法创建画布。

查看更多少儿编程教程、JavaScript 介绍

返回文档首页