canvas教程

10h搞定canvas基础系列(canvas零基础入门教程)(3)

字号+ 作者:H5之家 来源:H5之家 2018-03-29 10:10 我要评论( )

var c = document.getElementById("myCanvas" ); var ctx = c.getContext("2d" ); rectangle = new Path2D();rectangle.rect( 10,10,50,50 ); var circle = new Path2D();circle.moveTo( 125,35 );circle.arc( 100,

var c = document.getElementById("myCanvas"); var ctx = c.getContext("2d"); rectangle = new Path2D(); rectangle.rect(10,10,50,50); var circle = new Path2D(); circle.moveTo(125,35); circle.arc(100,35,25,0,2*Math.PI); ctx.stroke(rectangle); ctx.fill(circle);

今天就讲到这里,下节课我们讲解:canvas颜色/透明度

关注公众号,博客更新即可收到推送

 

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

相关文章
  • Android canvas用法介绍之save()和restore()

    Android canvas用法介绍之save()和restore()

    2018-03-29 14:05

  • HTML5学习笔记(一)canvas画图

    HTML5学习笔记(一)canvas画图

    2018-03-12 17:01

  • 基于HTML5 Canvas的客户端图表技术研究

    基于HTML5 Canvas的客户端图表技术研究

    2018-03-12 13:08

  • canvas HTML5 新标签 介绍怎么使用 画图作画 WEB(ASP,PHP,...) 2

    canvas HTML5 新标签 介绍怎么使用 画图作画 WEB(ASP,PHP,...) 2

    2018-03-12 09:06

网友点评
c