今回は、透明画像の対応について説明します。 今回、使用する透明画像はこのボール(png形式)になります。 背景画像には、このかわいい猫ちゃんを使います。 前回のプログラムのままでは透明画像に対応していないため、ボールの周りが黒色になってしまいます。 これは、ImageDataをそのまま描画するputImageDataメソッドでは透過されない仕様のためです。 ※前回のプログラムでは、透明度を255(不透明)固定してセットしていますが、255以下にしても透過されません。 Javascript における imageData のアルファ(透明度)について - Yahoo!知恵袋 の回答によると imageData.data[i+3] = 50; // 青い四角形のアルファを下げる これ↑の解釈なんですが・・・ そのアルファは、イメージの透過率ではなくて、Canvas自体の透過率みたいです。 ためし