1

webbreakstuffから Canvas の降雪ソリューションを採用しました。

今度は、この雪が雲から降ってきたように見せたいと思います。

私は雲のイメージを持っていcloud.pngます。

次のように JavaScript で作成したいと思います。

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

今、私はそれを2つのキャンバスの1つ（bgcanvasまたはfgcanvas）の前に描画させたいのですが、 に従って適切にそれを行う方法がわかりませんcontext.drawImage。

誰かがこの画像をどこに置くべきか、そしてその方法を理解するのを手伝ってくれませんか?

ありがとう。

4

1 に答える 1

0

したがって、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 を描画する必要があります。

于 2011-02-08T01:58:25.320 に答える