HTML canvas(画布)globalAlpha属性

  • globalAlpha属性定义和用法

    globalAlpha属性设置或返回绘图的当前alpha或透明度值。
    globalAlpha属性值必须是介于0.0(完全透明)和1.0(无透明度)之间的数字。

  • globalAlpha属性浏览器支持

    Internet Explorer Chrome FireFox Safari Opera
    9.0(含)以上 支持 支持 支持 支持
  • globalAlpha属性语法

    context.globalAlpha=number;

  • globalAlpha属性实例

    var c = document.getElementById("myCanvas");
    var ctx = c.getContext("2d");
    ctx.fillStyle = "red";
    ctx.fillRect(20, 20, 75, 50);
    
    //Turn transparency on
    ctx.globalAlpha = 0.2;
    ctx.fillStyle = "blue"; 
    ctx.fillRect(50, 50, 75, 50); 
    ctx.fillStyle = "green"; 
    ctx.fillRect(80, 80, 75, 50);
    
    尝试一下
  • globalAlpha属性/返回值

    参数 描述
    number 透明度值。必须是介于0.0(完全透明)和1.0(不透明)之间的数字。默认值1.0
  • globalAlpha属性相关页面

    HTML教程:HTML脚本

    HTML教程:HTML画布