HTML5で透過色を設定する

Question

HTML5で読み込まれた画像に透明色を設定することはできますか？

SDLで使用できるsetColorKey（）関数に似たものを探しています。これは、私が使用するいくつかのスプライトシートから背景を簡単に削除するために使用されます。

Answer 1

これは非常に簡単な方法ではありませんが、<canvas>タグを使用してこれを行うことができます。

drawImageを使用してキャンバスに画像を描画し、次にgetImageDataとputImageDataを使用してピクセル操作を実行します。

キャンバス内のピクセル操作のいくつかの例がここにありますhttps://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Canvas_tutorial/Drawing_shapes

Answer 2

このための機能はありません。これが動的である必要がない場合は、元の画像から色を削除し、その領域を透明にすることができます。次に、イメージから除外した背景色を持つdivにイメージを配置します。その後、画像の上にマウスを置くと、divの背景色が変わります。

正しいアイデアのように聞こえ、初心者のコードが必要な場合は教えてください。