drawbgline.html
复制代码 代码如下:
<!doctype html>
<head>
<斧组词meta chart=”utf-8″/>
<title>html5画渐变背景图片，并自动下载&lagree用法t;/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”);
/*
* 这些是画其他图形代码
context.beginpath();
context.linewidth=10;
context.strokestyle=”red”;
context.moveto(50,50);
context.lineto(150,50);
context.stroke();
context.clopath();
//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,fal);
肛门裂
context.lineto(150,150);
context.clopath();
context.stroke();
context.linewidth=1;
context.font=”50px 宋体”;
context.filltext(“briup”,0,2初中生恋爱20);
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.clopath();
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>
本文发布于:2023-04-06 16:36:28，感谢您对本站的认可！
本文链接：https://www.wtabcd.cn/fanwen/zuowen/32eac783b2614263eadea4b791a81896.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
本文word下载地址：HTML5画渐变背景图片并自动下载实现步骤.doc
本文 PDF 下载地址：HTML5画渐变背景图片并自动下载实现步骤.pdf
| 留言与评论（共有 0 条评论） |
