canvas教程

html5使用canvas画一条线

字号+ 作者:H5之家 来源:H5之家 2015-10-09 17:08 我要评论( )

代码太简略了,就不空话了 复制代码 代码以下: var canvas=document.getElementById(

摘要:代码太简略了,就不空话了 复制代码 代码以下: var canvas=document.getElementById("canvas"); //设置画图情况 var cxt=canvas.getContext('2d'); //开启新路近 cxt.beginPath(); // 设置笔触的宽度 cxt.lineWidth=10; //设置笔触的颜色 cxt.strokeStyle="#

代码太简略了,就不空话了


复制代码代码以下:
var canvas=document.getElementById("canvas");
//设置画图情况
var cxt=canvas.getContext('2d');
//开启新路近
cxt.beginPath();
// 设置笔触的宽度
cxt.lineWidth=10;
//设置笔触的颜色
cxt.strokeStyle="#00ff00";
//设定笔触的位置
cxt.moveTo(20,20);
//设置挪动的位置
cxt.lineTo(100,20);
//画线
cxt.stroke();//这个时辰的线已经经出来了
//关闭路径
cxt.closePath();
//凡事路径图形必需先起头路径,画完之后必需竣事路径

(原文出处:吾吾织梦)

顶一下

(0)

0%

踩一下

(0)

0%

------分隔线----------------------------

  • 上一篇:html5使用canvas画空心圆与实心圆
  • 下一篇:没有了
  • 收藏
  • 挑错
  • 推荐

     

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • html5canvas核心技术图形、动画与游戏开发源码

      html5canvas核心技术图形、动画与游戏开发源码

      2017-05-02 17:42

    • 打印html5中Canvas的方法

      打印html5中Canvas的方法

      2017-05-01 15:03

    • HTML5+Canvas调用手机拍照功能实现图片上传(下)

      HTML5+Canvas调用手机拍照功能实现图片上传(下)

      2017-04-30 17:00

    • HTML5新特性详解(三)

      HTML5新特性详解(三)

      2017-04-30 16:03

    网友点评
    M