html5如何实现Photoshop渐变色效果
小编给大家分享一下html5如何实现Photoshop渐变色效果,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!
创新互联专注于建湖网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供建湖营销型网站建设,建湖网站制作、建湖网页设计、建湖网站官网定制、微信小程序服务,打造建湖网络公司原创品牌,更为您提供建湖网站排名全网营销落地服务。
代码如下:
http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">>
$(document).ready(function(){
var c=document.getElementById("drawbox");
var draw=c.getContext("2d"); //获取2d内容的引用,调用绘图API
//指定渐变区块
var grd=draw.createLinearGradient(50,50,200,50); //坐标,长宽
grd.addColorStop(0,"black"); //起点颜色
grd.addColorStop(1,"green"); //终点颜色
draw.fillStyle=grd; //设为填充样式
draw.fillRect(50,50,200,50); //填充进矩形内
})