Javascript 向HTML5画布上的图像动态添加边框

我有一张画布，上面有图像，我每次都要画低1个像素，以产生坠落的效果。我把图像放在一个数组中，我只把它们放低1像素，而不重新创建图像

---

是否可以为到达某一点的图像动态添加边框？如果可以，如何添加

如果您知道图像的大小和位置，并且在绘制图像时可能知道，则可以使用

.rect

画布方法在图像周围绘制一个矩形。

是的，您只需在图像外部绘制一条路径，然后调用

ctx.stroke（）

创建边框

因此，假设图像具有坐标

x

和

y

，宽度和高度分别为

w

和

h

，您只需执行以下操作：

ctx.rect(x, y, w, h);
ctx.stroke();

想要不同颜色的边框吗

ctx.strokeStyle = 'blue';

厚的

ctx.lineWidth = 5;