imgalpha.js 是基于 Canvas 的工具类库，用于对图像进行透明度处理，支持在浏览器端和 Node.js 中使用。
安装
可以通过 npm 安装 imgalpha.js：
npm install imgalpha.js
使用
在浏览器端使用
在 HTML 文件中，可以通过以下方式引入 imgalpha.js：
<script src="node_modules/imgalpha.js/dist/imgalpha.min.js"></script>
接着，你可以像下面这样使用 imgalpha.js:
-- -------------------- ---- ------- -- ------ ----- --- - ------------------------------------ -- -- -------- -- ----- -------- - --- -------------- -- ------ ------------------------- -- --- ------ -- ----- ------ - -------------------- -- - ------ --------------- --- ----- ------ - ------------------------------ ---------- - ------- ----------------------------------
在 Node.js 中使用
在 Node.js 中使用 imgalpha.js，需要通过 require 方法引入 imgalpha.js:
const ImgAlpha = require('imgalpha.js');API
new ImgAlpha(img: HTMLImageElement)
创建一个 imgAlpha 实例。
参数：
img:HTMLImageElement图像元素。
setOpacity(opacity: number)
设置图像的不透明度。
参数：
opacity:number范围为 0 到 1 之间的 float 数值，代表图像的不透明度。
toBase64(): string
将图像转换成 base64 格式。
返回：
string图像的 base64 编码。
示例代码
以下是一个完整的示例代码：
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
------------------ ----------
-------
------
---- ------------- ---------------------------------------------------------------------------------------- -------------
------- -------------------------------------------------------------
--------
----- --- - ------------------------------------
----- -------- - --- --------------
-------------------------
----- ------ - --------------------
----- ------ - ------------------------------
---------- - -------
----------------------------------
---------
-------
-------在浏览器中打开该 HTML 文件，你就可以看到设置了不透明度的新图像。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005597781e8991b448d6fe6