canvas教程

使用Canvas绘制几何图形(2)

字号+ 作者:H5之家 来源:H5之家 2017-11-18 14:08 我要评论( )

参数理解:(cx,cy)代表圆心的坐标,radius表示半径,这样即可确定一个圆,很好理解. PS: 虽然默认提供画圆的方法只有一个,但是由于圆是个特殊的椭圆,只要画椭圆时给定一个正方形也能画圆.canvas.translate(400, 0);mOva

参数理解:(cx,cy)代表圆心的坐标,radius表示半径,这样即可确定一个圆,很好理解.

PS: 虽然默认提供画圆的方法只有一个,但是由于圆是个特殊的椭圆,只要画椭圆时给定一个正方形也能画圆. canvas.translate(400, 0); mOvalRectF.set(0, 30, 267, 222);//椭圆 canvas.drawOval(mOvalRectF, mOvalPaint); canvas.translate(0, 300); mOvalRectF.set(0,0,200,200);//设置成正方形 canvas.drawOval(mOvalRectF, mOvalPaint); canvas.translate(0, 300); canvas.drawCircle(50, 50, 100, mOvalPaint);//直接画正方形


效果

结语

好了,使用Canvas画简单的几何图形就到这里了~~
代码在Github上.

如果有遗漏,有错误,欢迎指导!!!!
PS:这个笔记写了两遍,第一遍被自己不小心给还原了,被自己笨哭了!

另外欢迎关注:
我的Github
我的微博
我的微信公众号:


微信公众号

 

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

相关文章
  • JS+Canvas绘制动态时钟效果

    JS+Canvas绘制动态时钟效果

    2017-11-17 13:00

  • canvas绘制圆角环形图

    canvas绘制圆角环形图

    2017-11-17 09:00

  • HTML5中canvas支持触摸屏的签名面板

    HTML5中canvas支持触摸屏的签名面板

    2017-11-17 09:00

  • 【开源】canvas图像裁剪、压缩、旋转

    【开源】canvas图像裁剪、压缩、旋转

    2017-11-16 16:00

网友点评
k