使用canvas+JavaScript将云（图像）插入降雪的最简单方法

我采用了一种帆布降雪解决方案

现在，我想让它看起来好像这场雪是从云中飘落出来的

我有一个云图像，cloud.png

我想通过JavaScript创建它，如下所示：

var cloud = new Image();
cloud.src = "cloud.png";

现在，我想让它在两个画布的bgcanvas或fgcanvas中的一个前面绘制，但我不知道如何根据context.drawImage正确地进行绘制

有人能帮我弄清楚把这张照片放在哪里，怎么放吗

---

谢谢。

所以，您有两个画布元素，fgcanvas和bgcanvas，fgcanvas在前面

var cloud = new Image();
cloud.src = "cloud.png";
//I am assuming that both canvases are in the same position.
var ctx = fgcanvas.getContext('2d');
ctx.drawImage(cloud, sourceOfSnowX, sourceOfSnowY;

应该在雪的起点绘制cloud.png