六合开奖结果现场直播欢迎诸位!收藏本站注 册登 陆
常用三肖中特马:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 三肖中特马 > 文章页

canvas stroke() beginPath() closePath()

Admin | 2016-4-28 5:34:42 | ReadNums | 1601 | 标签 网页制作 | 打印本页
     

  一、beginPath()

  beginPath() 方法开始一条路径,或重置当前的路径。也就是说重新开始一条新路径,断开原来的路径。

  提示:请使用这些方法来创建路径:moveTo()、lineTo()、quadricCurveTo()、bezierCurveTo()、arcTo() 以及 arc()。

  提示:请使用 stroke() 方法在画布上绘制确切的路径。

  JavaScript 语法:

  context.fillRect(x,y,width,height);

  二、closePath()

  closePath() 方法创建从当前点到开始点的路径。

  提示:请使用 stroke() 方法在画布上绘制确切的路径。

  提示:请使用 fill() 方法来填充图像(默认是黑色)。请使用 fillStyle 属性来填充另一个颜色/渐变。

  三、stroke()

  stroke()方法会实际地绘制出通过 moveTo() 和 lineTo() 方法定义的路径。默认颜色是黑色。

  提示:请使用 strokeStyle 属性来绘制另一种颜色/渐变。

  JavaScript 语法:

  context.stroke();

  四、综合示例

  var c=document.getElementById("myCanvas");
  var ctx=c.getContext("2d");
  ctx.beginPath();
  ctx.moveTo(20,20);
  ctx.lineTo(20,100);
  ctx.lineTo(70,100);
  ctx.closePath();
  ctx.stroke();
  ctx.fillStyle="green";
  ctx.fill();

  所绘制的图如下:

canvas样图


问题未解决:在线咨询

永利快三w

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
有问题请在线咨询。
20xx年x月x日