html5教程实现Photoshop渐变色效果_html5教程技巧
- WBOY原创
- 2016-05-16 15:48:371780浏览
复制代码
代码如下:">http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">>
<script><br />$(document).ready(function(){<br />var c=document.getElementById("drawbox");<br />var draw=c.getContext("2d"); //获取2d内容的引用，调用绘图API <p>//指定渐变区块<br />var grd=draw.createLinearGradient(50,50,200,50); //坐标，长宽<br />grd.addColorStop(0,"black"); //起点颜色<br />grd.addColorStop(1,"green"); //终点颜色 <p>draw.fillStyle=grd; //设为填充样式<br />draw.fillRect(50,50,200,50); //填充进矩形内<br />})<br /></script>
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn