渐变HTML5画渐变背景图片并自动下载实现步骤

渐变图片  时间:2021-04-21  阅读:()

★精品文档★

HTML5画渐变背景图片并自动下载实现步

HTML5可以画渐变背景图片并自动下载下面为大家分解下详细的步骤喜欢的朋友不要错过哦drawBgLine.html

代码如下:

< !DOCTYPE html

<head

<meta charset= “UTF-8” /

<titlehtml5 画渐变背景图片 并自动下载</title

</head

<body

<center

<canvas id= “c” width= “1” height= “200”</canvas

</center

<script

//第一步获取canvas对象var c = document.getElementById( “c” ) ;

//第二步获取canvas对象的上下文对象var context = c.getContext( “2d” ) ;

1/4

★精品文档★

/*

*这些是画其他图形代码context.beginPath() ;context. lineWidth=10;context. strokeStyle= “red” ;context.moveTo(50,50) ;context. lineTo(150, 50) ;context. stroke() ;context. closePath() ;

//context. strokeRect(220, 50, 50, 50) ;context.fillStyle= “blue” ;context.fillRect(220, 50, 50, 50) ;context.beginPath() ;context.arc(150, 150, 50,0*Math.PI/180,-180*Math.PI/180,false) ;context. lineTo(150, 150) ;context. closePath() ;context. stroke() ;context. lineWidth=1 ;context.font= “50px宋体” ;context.fillText( “briup” ,0,220) ;

2/4

★精品文档★context. save() ;context. translate(50, 50) ;context.rotate(90*Math.PI/180) ;context.beginPath() ;context. lineWidth=10;context. strokeStyle= “red” ;context.moveTo(0,0) ;context. lineTo(100,0) ;context. stroke() ;context. closePath() ;context.restore() ;

*/var g = context. createLinearGradient(0,0,0,200) ;g.addColorStop(0, ” 90BFFF” ) ;g.addColorStop(1, ” white” ) ;context.fillStyle = g;context.fillRect(0,0, 1,200) ;window. location =c. toDataURL( “image/jpeg” ) .replace( “image/jpeg” ,” image/octet-stream” ) ;

</script

</body

3/4

★精品文档★

4/4

弘速云香港VPSVPS线路有CN2+BGP、CN2 GIA,KVM虚拟化架构,裸金属月付564元

弘速云怎么样?弘速云是创建于2021年的品牌,运营该品牌的公司HOSU LIMITED(中文名称弘速科技有限公司)公司成立于2021年国内公司注册于2019年。HOSU LIMITED主要从事出售香港vps、美国VPS、香港独立服务器、香港站群服务器等,目前在售VPS线路有CN2+BGP、CN2 GIA,该公司旗下产品均采用KVM虚拟化架构。可联系商家代安装iso系统。点击进入:弘速云官方网站地址...

BuyVM商家4个机房的官方测试IP地址和测速文件

BuyVM 商家算是有一些年头,从早年提供低价便宜VPS主机深受广大网友抢购且也遭到吐槽的是因为审核账户太过于严格。毕竟我们国内的个人注册账户喜欢账户资料乱写,毕竟我们看英文信息有些还是比较难以识别的,于是就注册信息的时候随便打一些字符,这些是不能通过的。前几天,我们可以看到BUYVM商家有新增加迈阿密机房,而且商家有提供大硬盘且不限制流量的VPS主机,深受有一些网友的喜欢。目前,BUYVM商家有...

青果云(59元/月)香港多线BGP云服务器 1核 1G

青果云香港CN2_GIA主机测评青果云香港多线BGP网络,接入电信CN2 GIA等优质链路,测试IP:45.251.136.1青果网络QG.NET是一家高效多云管理服务商,拥有工信部颁发的全网云计算/CDN/IDC/ISP/IP-VPN等多项资质,是CNNIC/APNIC联盟的成员之一。青果云香港CN2_GIA主机性能分享下面和大家分享下。官方网站:点击进入CPU内存系统盘数据盘宽带ip价格购买地...

渐变图片为你推荐
下图搜狗浏览器2functionscss支持ipad杭州市西湖区翠苑第四幼儿园智慧校园采购项目重庆网通重庆网通上网资费目前是多少? 小区宽带接入类型的eaccelerator开启eAccelerator内存优化就各种毛病,DZ到底用哪个内存优化比较好。。。photoshop技术什么是ps技术windows键是哪个Win键是什么?360chrome使用360急速浏览器,360chrome进程结束不了谷歌sbSb是什么意思?
域名申请 唯品秀 bash漏洞 轻博客 sockscap 好看的留言 免费名片模板 iis安装教程 网通代理服务器 html空间 架设服务器 谁的qq空间最好看 php空间购买 免费高速空间 33456 服务器硬件防火墙 yundun 网站加速软件 秒杀品 lamp是什么意思 更多