如何使用 camanjs 更改图像不透明度？

Question

如何用caman js改变图片不透明度我也尝试过最新版本。问题还是来了。如果有什么需要启用来实现这一点？ //抛出没有用caman js定义。在这个参考 - https://www.sitepoint.com/manipulating-images-web-pages-camanjs/ this.opacity(20);

Answer 1

在 camen.js

中添加这些过滤器

Filter.register("opacity", function (adjust) {
        adjust = Math.floor(255 * (adjust / 100)); 
        var imageData = this.imageData.data,
            length = imageData.length;
        // set every fourth value to 50
        for (var i = 3; i < length; i += 4) {
            imageData[i] = imageData[i] == 0 ? imageData[i] : adjust;
        }
        // after the manipulation, reset the data
        this.imageData.data = imageData;
        this.context.putImageData(this.imageData, 0, 0); 
    });

现在不透明度过滤器可以工作了。

如何使用 camanjs 更改图像不透明度？

How to change image opacity with camanjs?

opacity

camanjs