足球游戏_中国足彩网¥体育资讯$

html5教程实现Photoshop渐变色效果
来源:易贤网 阅读:1491 次 日期:2016-07-11 16:13:10
温馨提示:易贤网小编为您整理了“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>

效果图:

名单

中国足彩网信息请查看网页制作
易贤网手机网站地址:html5教程实现Photoshop渐变色效果
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 足球游戏_中国足彩网¥体育资讯$ 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65317125(9:00—18:00) 获取招聘考试信息及咨询关注公众号:hfpxwx
咨询QQ:526150442(9:00—18:00)版权所有:易贤网
云南网警报警专用图标