javascript - 使用 watermark.js 创建半透明图层形状设计

Question

我正在使用 watermark.js ( https://brianium.github.io/watermarkjs/docs.html ) 创建一个工具，并尝试创建一个如附图所示的图层

每当我上传图像时，默认情况下应该应用这个黑色半透明图层形状。抱歉，我是 javascript 新手。

[JsFiddle](https://jsfiddle.net/fortemp/98e67kh2/2/)

标签： javascriptjquery

Answer 1

如果您询问如何使图像透明，请使用该opacity属性。

const element=document.getElementById("imageId");

//50% transparent
element.style.opacity="0.5";

//75% transparent
element.style.opacity="0.25";

//25% transparent
element.style.opacity="0.75";