html的透明度属性,HTML5 - Canvas的使用样例6（设置透明度）

好的，我知道了。关于HTML的透明度属性，可以通过CSS中的opacity属性来控制元素的透明度。取值范围为0-1，0表示完全透明，1表示完全不透明。例如，设置一个div元素的透明度为50%可以这样写：

div {
  opacity: 0.5;
}

关于HTML5 - Canvas的使用样例6（设置透明度），可以使用CanvasRenderingContext2D对象的globalAlpha属性来设置绘制图形的透明度。取值范围为0-1，0表示完全透明，1表示完全不透明。例如，设置一个矩形的透明度为50%可以这样写：

var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');

ctx.fillStyle = '#ff0000';
ctx.globalAlpha = 0.5; // 设置透明度为50%
ctx.fillRect(50, 50, 100, 100);