javascript - 背景が透明になるように JavaScript/CSS で画像を動的に編集することはできますか?

Question

概要: 複数の図面を白黒としてスキャンし、png として保存しています。下のレイヤーが上のレイヤーの下に表示されるように、Web ページに描画画像を重ねたいと思います。PNGの背景が透明になるように、JavaScript/CSSでPNGを動的に変更することは可能ですか?

理由：従来のアニメーションを取り上げています。これまでのところ、画像レイヤーを重ねることができる唯一のオープン ソース ソフトウェアは、pencilです。ただし、そのフレーム エディターは使いにくいです。JavaScript と csv で記述されたフレーム シーケンスを含むソリューションが可能だと思います (そして、おそらくより簡単です!)。

Answer 1

私がそれを行うには2つの方法があります：

CSS の方法: element{ opacity: 0.5 }

JS の方法:

function transparent(){

var img = document.getElementById('id');
img.style.opacity = "0.5";

};
transparent();