Canvas 画点教程：fillRect 和 fillCircle 方法

在 Canvas 中画点，可以使用context对象的fillRect方法或者fillCircle方法来实现。

使用fillRect方法：

const canvas = document.getElementById('canvas');
const context = canvas.getContext('2d');

context.fillStyle = 'black'; // 设置点的颜色
context.fillRect(x, y, width, height); // x和y代表点的坐标，width和height代表点的大小

使用fillCircle方法：

const canvas = document.getElementById('canvas');
const context = canvas.getContext('2d');

context.fillStyle = 'black'; // 设置点的颜色
context.beginPath();
context.arc(x, y, radius, 0, 2 * Math.PI); // x和y代表点的坐标，radius代表点的半径
context.fill();

以上代码中，canvas代表画布元素，context代表画布的上下文对象。通过设置fillStyle属性来设置点的颜色，然后使用fillRect方法或者fillCircle方法来绘制点。