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);
