canvas教程

学习笔记:HTML5 Canvas绘制简单图形

字号+ 作者:H5之家 来源:H5之家 2017-04-27 13:03 我要评论( )

HTML5 Canvas 绘制 简单 图形 canvas id =

context.moveTo(100,100);//画笔起点 context.lineTo(500,500);//从上一点将要绘制的终点 context.lineTo(100,500);//从上一点将要绘制的终点 context.lineTo(100,100);//从上一点将要绘制的终点 context.lineWidth=3;//线条宽度 context.strokeStyle="red";context.stroke();context.moveTo(200,100);//画笔起点 context.lineTo(600,500); context.strokeStyle="#000";//线条颜色 context.stroke();//开始绘制

 

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

相关文章
  • 学习路径详情

    学习路径详情

    2017-04-27 18:02

  • HTML5 canvas 作画板画图 可以做电子白板

    HTML5 canvas 作画板画图 可以做电子白板

    2017-04-27 12:02

  • 21天学习android开发教程之SurfaceView与多线程的混搭

    21天学习android开发教程之SurfaceView与多线程的混搭

    2017-04-27 12:00

  • Android画图学习免费下载

    Android画图学习免费下载

    2017-04-27 11:01

网友点评
l