• 首页
  • css3教程
  • html5教程
  • jQuery手册
  • php7教程
  • MySQL手册
  • apache手册
  • globalAlpha

    实例

    首先,绘制一个红色的矩形,然后将透明度(globalAlpha)设置为 0.5,然后再绘制一个蓝色和一个绿色的矩形:

    YourbrowserdoesnotsupporttheHTML5canvastag.

    JavaScript:

    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);

    浏览器支持

    Internet Explorer 9、Firefox、Opera、Chrome 和 Safari 支持 globalAlpha 属性。
    注意:Internet Explorer 8 及之前的版本不支持<canvas>元素。

    定义和用法

    globalAlpha 属性设置或返回绘图的当前透明值(alpha 或 transparency)。

    globalAlpha 属性值必须是介于 0.0(完全透明)与 1.0(不透明)之间的数字。

    默认值:1.0
    JavaScript 语法:context.globalAlpha=number;

    属性值

    描述
    number透明值。必须介于 0.0(完全透明)与 1.0(不透明)之间。