penWidth(width) 设置画笔粗细

功能分类: Turtle Applab JavaScript 少儿编程

指定画笔粗细为指定的 width,也即 turtle 移动画线时线的宽度(单位:像素)。

当 turtle 画笔移动时,通常会使用不同画笔粗细来绘制图形。你可以使用 penWidth(width) 方法来设置画笔粗细,也即画出线条的宽度。画笔默认粗细为 1 像素。

示例代码



// 画 10 像素宽,100 像素长的线
penWidth(10);
moveForward(100);

示例代码:摩天大楼 画一座大楼的形状。


// 画一座大楼的形状
penWidth(20);
moveForward();
penWidth(15);
moveForward();
penWidth(10);
moveForward();
penWidth(5);
moveForward();
penWidth(1);
moveForward();

示例代码:不同粗细画线 画不同粗细的10 条横线,粗细 10 到 90 像素。


// 画不同粗细的10 条横线
// 粗细 10 到 90 像素
penUp();
moveTo(0, 0);
turnRight(90);
for (var i = 1; i < 10; i++) {
  penDown();
  penWidth(i * 10);
  moveForward(250);
  moveBackward(250);
  penUp();
  turnRight(90);
  moveForward(i * 10 + 10);
  turnLeft(90);
}


语法规则


penWidth(width);

参数说明

名称 类型 必需 参数描述
width number Yes 指定画笔粗细,也即 turtle 移动画线时线的宽度(单位:像素)。

返回值

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

提示说明

  • 如果使用 penUp() 方法收起画笔,调用这个方法不会画出预期的图形。
  • 不管 turtle 光标隐藏还是显示,turtle 相关的操作不受 show()hide() 方法的影响。它们只是隐藏或显示光标。
  • 可能跟你想的或看到的不太一样,turtle 画笔移动画线时,实际上画的是一个一个的圆点。这些一个一个的圆点连到一起就成了线。使用 penWidth() 方法设置的实际上是画这些圆点的直径。这也是当画笔较粗时,画的线条带有弧形端点的原因。

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

返回文档首页