canvas 画线,canvas 画直线

  canvas 画线,canvas 画直线

  代码太简单,就不废话了。

  复制代码如下:

  var canvas=document . getelementbyid( canvas );

  //设置绘图环境

  var cxt=canvas . get context( 2d );

  //开辟新路。

  cxt . begin path();

  //设置笔画的宽度

  cxt.lineWidth=10

  //设置笔触的颜色

  cxt . stroke style= # 00ff 00 ;

  //设置笔画的位置。

  cxt.moveTo(20,20);

  //设置移动的位置

  cxt.lineTo(100,20);

  //画一条线

  cxt . stroke();//这时候线已经出来了

  //关闭路径

  cxt . close path();

  //Everything path graph必须先开始路径,绘制后结束路径。

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

留言与评论(共有 条评论)
   
验证码: