使用canv榆林电视台as画一个矩形，圆和直线
[html]
<!doctype html public “-//w3c//dtd xhtml 1.0 transitional//en” “/d/file/titlepic/xhtml1-transitional.dtd&
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”content-type” content=”text/html; chart=utf-8″ />
<title>canvas示例</title>
<script type=”text/javascript”>
function mydrawrect(){
var canvas=document.getelementbyid(“rect”);
if (canvas==null){
return fal;
}
var context=canvas.getcontext(‘2d’);
context.fillstyle=”#eeeeff”;
context.fillrect(0,0,400,300);
context.fillstyle=”red”;
context.strokestyle=”blue”;
context.linewidth=1;
//热带沙漠气候分布绘制一个矩形
context.fillrect(50,50,100,100);
让我感动的一个人context.strokerect(50,50,100,100);
//绘制一个圆
context现在做什么生意最好.beginpath();
context.arc(200,200,50,0,math.pi*2,true);
context.clopath();
context.fillstyle=’rgba(255,0,0,0.25)’;
context.fill();
//画直线
context.beginpath();
context.moveto(100,100);
context.lineto(100,300);
context.lineto(300,300);
context.clopath();
//context.fillstyle=’rgba(255,0,0,0.25)’;
//context.fill();
cont巴西咖啡ext.stroke();
}
</script>
</head>
<body onload=”return mydrawrect();”>
<canvas id=”rect” width=”400″ height=”300″>
</body> www.2cto.com
</html>
显示效果：
本文发布于:2023-04-03 01:59:13，感谢您对本站的认可！
本文链接：https://www.wtabcd.cn/fanwen/zuowen/6ee26a8f0bee23af4ee72da3cdb34301.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
本文word下载地址：html5学习之路（Canvas画布1）.doc
本文 PDF 下载地址：html5学习之路（Canvas画布1）.pdf
| 留言与评论（共有 0 条评论） |
