2012-04-19 7 views
1

に別のPNGにPNGを描画します。 キャンバスに画像を描画することはできますが、キャンバスに既に描画されている別の画像には透明で画像を描画することはできません。私は楽しみのためにJS /キャンバスでRPGマップの作成者を作ってるんだけど、私は問題をしたキャンバス

私はキノコがそれを消去しないで、草の上になりたいです。グリッドはちょうどヘルパーです、私はキャンバスを1つしか持っていないので、putImageDataを使ってキノコを描きます。

http://img11.hostingpics.net/thumbs/mini_31288520120419113247.png(私たちはキノコの画像が透明性を持っていることがわかります)

http://img11.hostingpics.net/thumbs/mini_71357220120419113257.png(ここでは動作していないようです)

私はあなたが任意のアイデアを持っていましたが、彼らは歓迎されています。

+0

あなたがアップロードしたキノコの画像には透明度がありません... – jazzytomato

+0

グレーの背景はコンテナの背景です(キャンバスを含む)ので、マッシュルームには透明性がありません。 – Titmael

答えて

1

それはピクセルに置き換えられますように、2枚の画像とJSFiddle

context.drawImage(document.getElementById('mushroomImg'),0,0); 
//syntax : drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight) 

を使用し、putImageDataを使用しないでください: http://jsfiddle.net/GVPfj/3/

(悲しいことに、私は透明性とキノコを見つけ、それができませんでした

+0

さて私はputImageDataを使用する前にdrawImageメソッドを使用しますが、その場合はテストしていないので、時間が戻って:) – Titmael

+0

そして、あなたが家を使用した場合、私は気にしませんが、次回、キノコを使用します。その試みの後にD – Titmael

+0

作品、ありがとう! – Titmael