javascript 画布 html5 中的透明度 context.fill 样式

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/19132064/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-10-27 14:29:58  来源:igfitidea点击:

Transparency context.fill style in canvas html5

javascripthtmlcanvas

提问by mgh

I write this javascript code :

我写了这个javascript代码:

context.shadowOffsetX = 5;
context.shadowOffsetY = 5;
context.shadowBlur = 4;
context.shadowColor = 'rgba(255, 0, 0, 0.5)';
context.fillStyle = '#f00';
context.fillRect(x, y, w, h);

I add this script on a photo , I want see the color of image , but can not add transparency to this script .

我在照片上添加了这个脚本,我想看到图像的颜色,但不能为这个脚本添加透明度。

回答by MildlySerious

Try making the fillStyle RGBA, too.

也尝试制作 fillStyle RGBA。

context.fillStyle = 'rgba(255, 0, 0, 0.5)';
context.fillRect(x, y, w, h);