canvas教程

android Canvas中的clipRect、drawBitmap

字号+ 作者:H5之家 来源:H5之家 2016-06-07 17:05 我要评论( )

在游戏的开发过程中必定会涉及到N多图片的处理,比如图片的切割、转动、平移等操作,本篇主要描述使用Canvas对图片的clip动作。 Canvas.clipRect(float left, fl

在游戏的开发过程中必定会涉及到N多图片的处理,比如图片的切割、转动、平移等操作,本篇主要描述使用Canvas对图片的clip动作。

Canvas.clipRect(float left, float top, float right, float bottom, Paint paint)这个方法我们自然很明白了,在手机屏幕上裁剪出一块区域来,起点是从屏幕的左上角开始。

当我在用到 Canvas.drawBitmap(Bitmap btmap, float left, float top, Paint paint)方法时,对其中的left、top参数的含义不是很了解,API文档里对这两个参数的描述如下:

left The position of the left side of the bitmap being drawn

top The position of the top side of the bitmap being drawn

翻译过来就是被绘制的图片的左边的位置,被绘制的图片的上边的位置.

当单独使用Canvas.drawBitmap方法的,效果如下(代码中的蓝色矩形是为了突出说明效果,蓝色矩形的大小正好与 jerry照片的大小一致):

操作代码:

canvas.save(); mPaint.setColor(Color.BLUE); canvas.drawRect(0, 0, mBmp.getWidth(), mBmp.getHeight(), mPaint); canvas.restore(); canvas.save(); canvas.drawBitmap(mBmp, mBmp.getWidth(), mBmp.getHeight(), mPaint); canvas.restore();

效果图如下:

图1

修改部分代码:

canvas.save(); mPaint.setColor(Color.BLUE); canvas.drawRect(0, 0, mBmp.getWidth(), mBmp.getHeight(), mPaint); canvas.restore();     canvas.save(); canvas.clipRect(0, 0, getWidth()/2, getHeight()/2); canvas.drawBitmap(mBmp, mBmp.getWidth(), mBmp.getHeight(), mPaint); canvas.restore();

效果图如下:

图2
效果很明显,当加入了的原因将画布的绘制区域限制到了屏幕的右上角的四分之一的区域中了,导致了jerry照片显示不全,如果将

canvas.drawBitmap(mBmp, mBmp.getWidth(), mBmp.getHeight(), mPaint);修改为

canvas.drawBitmap(mBmp, 50, 50, mPaint);之后就出现了下面的效果了

关于 Canvas中的其他的drawBitmap方法最好经过实际的代码实验来验证效果,我本人觉得如果只是看android文档或代码不去动手操作的话有时候很难知道一些方法执行后的真正的效果是怎么样的,还是要多动手。

 

 

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

  • 学习慕课网canvas倒计时实例笔记

    学习慕课网canvas倒计时实例笔记

    2017-04-30 14:01

网友点评