canvas 画矩形,使用canvas绘制图形,下面哪个方法可以绘制矩形?

　　首先，在html页面中放置一个canvas元素，其中canvas元素应该有三个属性ID、width和height。复制代码如下：

　　画布id= demo width= 600 height= 600 /canvas

　　获取canvas对象，获取context varcxt=documentgetelementbyid( demo )；get context( 2d )；其中确定了参数2d。

　　刚开始的时候，画画有两种形式，一种是笔画，一种是描边。

　　Javascript代码：复制代码。代码如下：

　　脚本语言=javascript

　　var cxt=document . getelementbyid( demo )。get context( 2d )；

　　cxt . begin path()；

　　cxt.fillStyle= # F00/*设置填充颜色*/

　　cxt.fillRect(0，0，200，100)；/*画一个矩形，前两个参数确定起始位置，后两个是矩形的宽度和高度*/

　　cxt . begin path()；

　　cxt.strokeStyle= # 000/*设置边框*/

　　cxt . line width=3；/*边框的宽度*/

　　cxt.strokeRect(0，120，200，100)；

　　cxt . begin path()；

　　cxt.moveTo(0，350)；

　　cxt.lineTo(100，250)；

　　cxt.lineTo(200，300)；

　　cxt . close path()；/*可选步骤，关闭绘制的路径*/

　　cxt . stroke()；

　　/脚本

　　效果图：

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。