渐变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

spinservers:10Gbps带宽高配服务器月付89美元起,达拉斯/圣何塞机房

spinservers是一家主营国外服务器租用和Hybrid Dedicated等产品的商家,Majestic Hosting Solutions LLC旗下站点,商家数据中心包括美国达拉斯和圣何塞机房,机器一般10Gbps端口带宽,且硬件配置较高。目前,主机商针对达拉斯机房机器提供优惠码,最低款Dual E5-2630L v2+64G+1.6TB SSD月付89美元起,支持PayPal、支付宝等...

GigsGigsCloud(年付26美元)国际线路美国VPS主机

已经有一段时间没有听到Gigsgigscloud服务商的信息,这不今天看到商家有新增一款国际版线路的美国VPS主机,年付也是比较便宜的只需要26美元。线路上是接入Cogentco、NTT、AN2YIX以及其他亚洲Peering。这款方案的VPS主机默认的配置是1Gbps带宽,比较神奇的需要等待手工人工开通激活,不是立即开通的。我们看看这款服务器在哪里选择看到套餐。内存CPUSSD流量价格购买地址1...

AkkoCloud(60元/月 ),英国伦敦CN2 1核 768 MB 内存 10 GB SSD 硬盘 600GB 流量 英国伦敦CN2 1核  1.5G  300Mbps

官方网站:https://www.akkocloud.com/AkkoCloud新品英国伦敦CN2 GIA已上线三网回程CN2 GIA 国内速度优秀.电信去程CN2 GIALooking Glass:http://lonlg.akkocloud.com/Speedtest:http://lonlg.akkocloud.com/speedtest/新品上线刚好碰上国庆节 特此放上国庆专属九折循环优惠...

渐变图片为你推荐
generatedgoogleThresholdcssnamesgraph特斯拉苹果5tracerouteping命令和traceroute(tracert )在功能上的区别有哪些?ipad如何上网ipad怎么设置网络?win10445端口win的22端口和23端口作用分别是什么 ?重庆电信宽带管家电信的宽带上网助手是什么?chromeframe无法安装chrome frame,求助kb4012598win7怎么查看电脑是否安装了 ms17 010
美国服务器租用 景安vps 三级域名网站 美国主机推荐 精品网 128m内存 英语简历模板word html空间 上海域名 web服务器的架设 老左来了 183是联通还是移动 129邮箱 河南移动网 1美金 台湾谷歌 linux使用教程 中国linux 免费个人主页 成都主机托管 更多