网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的范文:

 

标题 html5教程实现Photoshop渐变色效果
范文
    html5教程实现Photoshop渐变色效果,大家参考使用吧
    代码如下:
    <!DOCTYPE html><head>
    <meta charset=utf-8>
    <title>HTML5画线、圆、矩形</title>
    <script src="<a href="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script">http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script</a>>
    </head>
    <script>
    $(document).ready(function(){
    var c=document.getElementById("drawbox");
    var draw=c.getContext("2d"); //获取2d内容的引用,调用绘图API</p> <p>//指定渐变区块
    var grd=draw.createLinearGradient(50,50,200,50); //坐标,长宽
    grd.addColorStop(0,"black"); //起点颜色
    grd.addColorStop(1,"green"); //终点颜色</p> <p>draw.fillStyle=grd; //设为填充样式
    draw.fillRect(50,50,200,50); //填充进矩形内
    })
    </script>
    </body>
    <canvas id="drawbox" width="500" height="500"></canvas>
    </body>
    </html>
    效果图:
    名单
随便看

 

在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板,是学习及工作的有利工具。

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/5/14 9:22:16