HTML 5 canvas globalAlpha 属性
来源:互联网 发布:linux服务器ping不通 编辑:程序博客网 时间:2024/06/07 06:40
HTML 5 canvas globalAlpha 属性
定义和用法
globalAlpha 属性设置或返回绘图的当前透明值(alpha 或 transparency)。
globalAlpha 属性值必须是介于 0.0(完全透明) 与 1.0(不透明) 之间的数字。
属性值
实例
首先,绘制一个红色的矩形,然后将透明度 (globalAlpha) 设置为 0.2,然后再绘制一个绿色和一个蓝色的矩形:
<body><canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">Your browser does not support the HTML5 canvas tag.</canvas><script>var c=document.getElementById("myCanvas");var ctx=c.getContext("2d");ctx.fillStyle="red";ctx.fillRect(20,20,75,50);//Turn transparency onctx.globalAlpha=0.2;ctx.fillStyle="green"; ctx.fillRect(50,50,75,50); ctx.fillStyle="blue"; ctx.fillRect(80,80,75,50);</script></body>
转自w3school
0 0
- HTML 5 canvas globalAlpha 属性
- Canvas globalAlpha透明度属性(转)
- html中globalAlpha示例
- HTML 5 canvas globalCompositeOperation 属性
- HTML 5 canvas globalCompositeOperation 属性
- Canvas globalAlpha绘出透明图形
- HTML 5 Canvas常用属性和方法
- HTML 5 Canvas
- HTML 5 Canvas
- HTML 5 Canvas
- HTML 5 Canvas
- Lesson06:HTML 5 Canvas
- HTML 5 Canvas
- HTML 5 Canvas
- HTML 5 Canvas
- HTML 5 Canvas
- HTML 5 Canvas
- HTML 5 canvas 基本语法
- 【代码笔记】iOS-自定义弹出框
- Android 优秀文章收集整理集合
- Lr
- 双谷人才财务管理(序)
- Windows线程同步之互斥锁(Mutex)
- HTML 5 canvas globalAlpha 属性
- 颠倒List集合里的元素(利用栈)
- 图的深度遍历
- 抽象工厂模式
- 搭建Maven环境
- Codevs 1378 选课(树形dp)
- Nike Magista X degree of my man whole
- 状态压缩题目
- python——变量说明与感悟