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

Kinponet是谁?Kinponet前身公司叫金宝idc 成立于2013年 开始代理销售美国vps。

在2014年发现原来使用VPS的客户需求慢慢的在改版,VPS已经不能满足客户的需求。我们开始代理机房的独立服务器,主推和HS机房的独立服务器。经过一年多的发展,我们发现代理的服务器配置参差不齐,机房的售后服务也无法完全跟上,导致了很多问题发生,对使用体验带来了很多的不便,很多客户离开了我们。经过我们慎重的考虑和客户的建议。我们在2015开始了重大的改变, 2015年,我们开始计划托管自己...

IMIDC(rainbow cloud):香港/台湾/日本/莫斯科独立服务器特价,闪购大促销,最低30usd/月起

imidc怎么样?imidc彩虹网路,rainbow cloud知名服务器提供商。自营多地区数据中心,是 Apnic RIPE Afrinic Arin 认证服务商。拥有丰富的网路资源。 在2021年 6.18 开启了输血大促销,促销区域包括 香港 台湾 日本 莫斯科 等地促销机型为 E3係,参与促销地区有 香港 日本 台湾 莫斯科 等地, 限量50台,售罄为止,先到先得。所有服务器配置 CPU ...

SunthyCloud阿里云国际版分销商注册教程,即可PayPal信用卡分销商服务器

阿里云国际版注册认证教程-免绑卡-免实名买服务器安全、便宜、可靠、良心,支持人民币充值,提供代理折扣简介SunthyCloud成立于2015年,是阿里云国际版正规战略级渠道商,也是阿里云国际版最大的分销商,专业为全球企业客户提供阿里云国际版开户注册、认证、充值等服务,通过SunthyCloud开通阿里云国际版只需要一个邮箱,不需要PayPal信用卡就可以帮你开通、充值、新购、续费阿里云国际版,服务...

渐变图片为你推荐
SinglesbOPENCORE苹果引导配置说明第四版-基于支持ipad责任编辑:纪春《个人收入的分配过关检测》联通iphone4北京 朝阳区 哪家联通店可以卖Iphone4的,本周周末过去买googleadsencegoogle adsense打不开怎么办routeaddRout add -p在网络中是什么意思?Route add Cp又是什么意思?bitchinaBTchina和VeryCD是什么意思?这与87.53有什么关系?ios10.0.3苹果10.03系统怎么样
cc域名 老左 美元争夺战 sugarsync 68.168.16.150 ixwebhosting 云鼎网络 java空间 好看qq空间 免费防火墙 idc查询 免费网页空间 上海服务器 万网空间管理 smtp服务器地址 个人免费邮箱 免费网络 杭州电信宽带优惠 免费php空间 中国联通宽带测试 更多