微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何更改新图像对象的不透明度

如何解决如何更改新图像对象的不透明度

我正在尝试降低画布上绘制的图像的不透明度,但它不起作用

var img = new Image();
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext('2d');

img.src = './picture.jpg';
canvas.width = img.width;
canvas.height = img.height;

img.style.opacity = 0.5;

ctx.drawImage(img,30,canvas.width,canvas.height);

解决方法

/// only image will have alpha affected:
context.globalAlpha = 0.5;
context.drawImage(image,x,y);
context.globalAlpha = 1.0;

https://stackoverflow.com/a/18949160/9161582

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。