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

Question

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

为什么：我正在学习传统动画。到目前为止，我知道的唯一可以叠加图像层的开源软件是铅笔。但是，它的框架编辑器很难使用。我想一个涉及 JavaScript 和用 csv 编写的帧序列的解决方案是可能的（而且可能更容易！）。

Answer 1

我有两种方法：

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

JS方式：

function transparent(){

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

};
transparent();