HTML5 – 改变绘图矩形的不透明度

前端之家收集整理的这篇文章主要介绍了HTML5 – 改变绘图矩形的不透明度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
假设我用这个矩形绘制一个HTML5元素:
context.clearRect(25,72,32,32);

我该如何使其透明50%?

解决方法

使用globalAlpha。你也必须用fillRect绘制。 clearRect只是擦除像素。它不能部分擦除,因此您必须使用fillRect或其他绘图图元。

w3schools.com

ctx.globalAlpha = 0.2;
    ctx.fillRect(50,50,75,50);
    ctx.globalAlpha = 1.0;

猜你在找的HTML5相关文章