globalAlpha 示例

Posted 1点

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了globalAlpha 示例相关的知识，希望对你有一定的参考价值。

代码实例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>canvas</title>
    <script>
        function draw() {
            var canvas = document.getElementById(\'canvas\');
            if (canvas.getContext){
                var ctx = canvas.getContext(\'2d\');
                ctx.fillStyle=\'#FD0\';
                ctx.fillRect(0,0,75,75);
                ctx.fillStyle=\'#6C0\';
                ctx.fillRect(75,0,75,75);
                ctx.fillStyle=\'#09F\';
                ctx.fillRect(0,75,75,75);
                ctx.fillStyle = \'#F30\';
                ctx.fillRect(75,75,75,75);
                ctx.fillStyle = \'#FFF\';

                ctx.globalAlpha=0.2;

                for(var i=0;i<7;i++) {
                    ctx.beginPath();
                    ctx.arc(75,75,10+10*i,0,Math.PI*2,true);
                    ctx.fill();
                }

            }
        }
    </script>
</head>
<body  onload=" draw() ;">
<canvas  id="canvas"  width="400"   height="400"></canvas>
</body>
</html>

　　效果：

 

2017-09-09  12:37:29

以上是关于globalAlpha 示例的主要内容，如果未能解决你的问题，请参考以下文章

需要示例代码片段帮助

处理屏幕旋转上的片段重复（带有示例代码）

LockSupport.java 中的 FIFO 互斥代码片段

html PHP代码片段： - AJAX基本示例：此代码演示了使用PHP和JavaScript实现的基本AJAX功能。

Python 向 Postman 请求代码片段

android片段表格布局