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

特网云-新上线香港五区补货资源充足限时抢 虚拟主机6折,低至38元!

官方网站:点击访问特网云官网活动方案:===========================香港云限时购==============================支持Linux和Windows操作系统,配置都是可以自选的,非常的灵活,宽带充足新老客户活动期间新购活动款产品都可以享受续费折扣(只限在活动期间购买活动款产品才可享受续费折扣 优惠码:AADE01),购买折扣与续费折扣不叠加,都是在原价...

incogne$2.5/月t芬兰VPS,AMD Ryzen、1Gbps带宽

IncogNet LLC是个由3个人运作的美国公司,主要特色是隐私保护,号称绝对保护用户的隐私安全。业务涵盖虚拟主机、VPS等,支持多种数字加密货币、PayPal付款。注册账号也很简单,输入一个姓名、一个邮箱、国家随便选,填写一个邮箱就搞定了,基本上不管资料的真假。当前促销的vps位于芬兰机房,全部都是AMD Ryzen系列的CPU,性能不会差的!5折优惠码:CRYPTOMONTH,支持:BTC,...

OneTechCloud香港/日本/美国CN2 GIA月付9折季付8折,可选原生IP或高防VPS

OneTechCloud(易科云)是一家主打CN2等高端线路的VPS主机商家,成立于2019年,提供的产品包括VPS主机和独立服务器租用等,数据中心可选美国洛杉矶、中国香港、日本等,有CN2 GIA线路、AS9929、高防、原生IP等。目前商家针对全场VPS主机提供月付9折,季付8折优惠码,优惠后香港VPS最低季付64元起(≈21.3元/月),美国洛杉矶CN2 GIA线路+20Gbps防御型VPS...

渐变图片为你推荐
adbandroid支持ipadApplicationsios5重庆网通重庆联通网上营业厅手机版ipad连不上wifiipad2 wifi连接不上,刚连上就弹出一个 success页面css下拉菜单html+css下拉菜单怎么制作x-routerx-0.4x等于多少?360chrome360Chrome 世界之窗极速浏览器 ChromePlus联通iphone4北京 朝阳区 哪家联通店可以卖Iphone4的,本周周末过去买迅雷下载速度迅雷下载速度很慢怎么办
山东虚拟主机 谷歌域名邮箱 韩国电信 免费个人网站申请 阿里校园 中国电信测速器 空间申请 蓝队云 免费网站加速 zencart安装 ubuntu安装教程 neicun 台式机主机 主机之家 koss耳机 好看的空间留言 1500元电脑主机配置 杭州汽车摇号申请网站 北京市机动车牌照申请网站 北京共有产权房申请网站 更多