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>
效果图：
- 考研预报名临近――定好专业院校的5条妙计
- 保证睡眠质量的法宝
- 考研专业课高分路途上的"四座大山"
- 成考专升本医学备考资料(11)
- 成考专升本医学备考资料(10)
- 成考专升本医学备考资料(9)
- 成考专升本医学备考资料(8)
- 成考专升本医学备考资料(8)
- 成考专升本医学备考资料(7)
- 成考专升本医学备考资料(6)
- 成考专升本医学备考资料(5)
- 成考专升本医学备考资料(4)
- 成考专升本医学备考资料(3)
- 成考专升本医学备考资料(2)
- 成考专升本医学备考资料(1)
- 成人高考专升本民法复习资料十五
- 成人高考专升本民法复习资料十四
- 成人高考专升本民法复习资料十三
- 成人高考专升本民法复习资料十二
- 成人高考专升本民法复习资料十一
- 成人高考专升本民法复习资料十
- 成人高考专升本民法复习资料九
- 成人高考专升本民法复习资料八
- 小学英语说课稿:《Its time to get up》说课稿范文
- 小学英语说课稿:《Unit4 My home PartA》范文
- fuel injection system
- fuel-injection-system
- fuel injector
- fuel leak
- fuelled
- fuelling
- fuel mileage
- fuel oil
- fuel-oil
- fuel pellet
- 穌
- 積
- 穎
- 穏
- 穐
- 穑
- 穒
- 穓
- 穔
- 穕
- 电子商务大一学生自我鉴定
- 2022级护理自我鉴定
- 大学市场营销专业自我鉴定怎么写
- 大专大一自我鉴定
- 大二自我鉴定护理班
- 大二护理自我鉴定范文
- 本科自我鉴定表300字
- 大学毕业生自我鉴定范文最新
- 2022年高中毕业自我鉴定
- 会计专业学生自我鉴定8篇