Salver.2填色块指南
- 首先,在HTML中使用
<canvas>
元素创建画布。 - 然后,获取画布的上下文,使用
getContext("2d")
方法。 - 使用
fillStyle
属性设置填充色。 - 使用
fillRect()
方法绘制填色块。 - 重复步骤3和4,根据需要绘制多个填色块。
- 最后,使用
fillText()
方法添加说明文本。
填色块实例
-
<canvas>
元素:
<canvas id="salverCanvas" width="200" height="200"></canvas>
- 获取上下文:
var canvas = document.getElementById("salverCanvas");
var context = canvas.getContext("2d");
- 设置填充色:
context.fillStyle = "#ff0000";
- 绘制填色块:
context.fillRect(50, 50, 100, 100);
- 重复步骤3和4,绘制其他填色块。
- 添加说明文本:
context.fillText("填色块示例", 60, 180);