★精品文档★
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
Fiberia.io是个新站,跟ViridWeb.com同一家公司的,主要提供基于KVM架构的VPS主机,数据中心在荷兰Dronten。商家的主机价格不算贵,比如4GB内存套餐每月2.9美元起,采用SSD硬盘,1Gbps网络端口,提供IPv4+IPv6,支持PayPal付款,有7天退款承诺,感兴趣的可以试一试,年付有优惠但建议月付为宜。下面列出几款主机配置信息。CPU:1core内存:4GB硬盘:...
3C云国内IDC/ISP资质齐全商家,与香港公司联合运营, 已超6年运营 。本次为大家带来的是双12特惠活动,香港美国日本韩国|高速精品|高防|站群|大带宽等产品齐全,欢迎咨询问价。3C云科技有限公司官方网站:http://www.3cccy.com/客服QQ:937695003网页客服:点击咨询客户QQ交流群:1042709810价目表总览升级内存 60元 8G内存升级硬盘 1T机械 90元 2...
wordpress简洁英文主题,wordpress简洁通用大气的网站风格设计 + 更适于欧美国外用户操作体验,完善的外贸企业建站功能模块 + 更好的移动设备特色模块支持,更高效实用的后台自定义设置 + 标准高效的代码程序功能结构,更利于Goolge等国际搜索引擎的SEO搜索优化和站点收录排名。点击进入:wordpress简洁通用型高级外贸主题主题价格:¥3980 特 惠 价:¥1280安装环境:运...