キャンバスで落ちる雪の中に雲（画像）を挿入する最も簡単な方法+ JavaScript

Question

私はキャンバス降雪ソリューションをwebbreakstuffから採用しました。

今、この雪が雲の中から落ちているように見せたいと思います。

私には雲の画像があります。cloud.pngです。

私はそうのようなJavaScriptでそれを作成したいと思います。今

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

、私はそれが2枚のキャンバスの（bgcanvasまたはfgcanvasのいずれか）の1の前に描画したいが、私はどのように把握することはできませんcontext.drawImageに従って適切に行う必要があります。

誰かがこの画像をどこに置くのかとその方法を理解するのに役立つでしょうか？

ありがとうございました。

Answer 1

したがって、fgcanvasとbgcanvasの2つのキャンバス要素があり、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を描画する必要があります。