HTML5中如何设置画布canvas中用drawImage画出来的每个图片不同的透明度?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML5中如何设置画布canvas中用drawImage画出来的每个图片不同的透明度?相关的知识,希望对你有一定的参考价值。

用globalAlpha设置,一改,全全部图片的透明度一起改,这种不是我要的效果,我想一个图片的透明度改变了不影响其他的,求大神指教!


尝试了一下   这样 可以

参考技术A 吧透明度作为一个变量,和循环的变量i绑定,就可以了 参考技术B 设置完透明度以后,cxt.restore() 参考技术C 先画一张图,save一次,再画下一张行不?追问

刚接触canvas,你是说这样吗:好像不行,还是一起改的!
..........
cxt.globalAlpha =1;
cxt.beginPath();
.........

cxt.closePath();

cxt.save();
..........

cxt.globalAlpha =0.1;
cxt.beginPath();
..........

cxt.closePath();

以上是关于HTML5中如何设置画布canvas中用drawImage画出来的每个图片不同的透明度?的主要内容,如果未能解决你的问题,请参考以下文章

html5 Canvas之画布合成的属性总结

HTML5 Canvas - 如何在画布中的图像上绘制矩形

画布 canvas 的相关内容

如何在 HTML5 画布上绘图

HTML5 Canvas:在画布外拖动

HTML5 Canvas:在画布外拖动