飞行学习论坛(个人网络笔记本;适配手机浏览器;微信:QQ113582 )

QQ一健登录

微信扫一扫登录
热搜:
查看: 416  |  回复: 1
绘制渐变色
楼主
发表于 2021年8月10日 14:50
<script>
    window.onload = function() {
        draw();

        function draw() {
            var ctx = document.getElementById("canvas").getContext('2d');
            var lingrad = ctx.createLinearGradient(0, 0, 0, 200);
            lingrad.addColorStop(0, '#ff0000');
            lingrad.addColorStop(1 / 7, '#ff9900');
            lingrad.addColorStop(2 / 7, '#ffff00');
            lingrad.addColorStop(3 / 7, '#00ff00');
            lingrad.addColorStop(4 / 7, '#00ffff');
            lingrad.addColorStop(5 / 7, '#0000ff');
            lingrad.addColorStop(6 / 7, '#ff00ff');
            lingrad.addColorStop(1, '#ff0000');
            ctx.fillStyle = lingrad;
            ctx.strokeStyle = lingrad;
            ctx.fillRect(0, 0, 300, 200);
        }
    }
</script>

<body>
    <canvas id="canvas" style="border: 1px solid #999;" width="300" height="200"></canvas>
</body>
  • www.flyfly.cc
沙发
发表于 2021年8月10日 14:51
W3School TIY Editor  https://www.w3school.com.cn/tiy/t.asp?f=js_statement
  • www.flyfly.cc
您需要登录后才可以回帖 登录 | 立即注册
本版版规
用户登录
用户名: 立即注册
密码:
快捷登录 :
Powered by 小清论坛 v2.2.2
2016-2022 www.mlmzj.com
手机版 | 小黑屋 | 直销软件 |
GMT+8,2022-8-8 10:11:38
扫一扫访问