javascript - 是否可以使用 JavaScript/CSS 动态编辑图像，使它们的背景变得透明？

Question

总结:我有多个图纸扫描为黑白并保存为 png。我想在网页中对绘图图像进行分层，以便底层在上层下方可见。是否可以使用 JavaScript/CSS 动态修改 png，使 png 背景变得透明？

原因:我正在学习传统动画。到目前为止，我所知道的唯一可以叠加图像层的开源软件是pencil。 .但是，它的框架编辑器很难使用。我想象一个涉及 JavaScript 和用 csv 编写的帧序列的解决方案是可能的(而且可能更容易!)。

Answer 1

我有两种方法:

CSS方式:元素{不透明度:0.5}

JS方式:

function transparent(){

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

};
transparent();