Graphics->BitmapMesh

Canvas的drawBitmapMesh定义如下：

public void drawBitmapMesh(Bitmap bitmap, int meshWidth, int meshHeight, float[] verts, int vertOffset, int[] colors, int colorOffset, Paint paint)

表示将图像绘制在网格上，说得通俗一些，可以将画板想像成一张格子布，在这张布上绘制图像。对于一个网格端点均匀分布的网格来说，横向有meshWidth+1个顶点，纵向有meshHeight+1个端点。 顶点数组verts 是以行优先的数组 （二维数组以一维数组表示，先行后列）。网格可以不均匀分布，参数定义如下：

• bitmap: 需要绘制在网格上的图像。
• meshWidth: 网格的宽度方向的数目(列数），为0时不绘制图像。
• meshHeight:网格的高度方向的数目（含数），为0时不绘制图像。
• verts: (x,y)对的数组，表示网格顶点的坐标，至少需要有(meshWidth+1) * (meshHeight+1) * 2 + meshOffset  个(x,y)坐标。
• vertOffset: verts数组中开始跳过的(x,y)对的数目。
• Colors: 可以为空，不为空为没个顶点定义对应的颜色值，至少需要有(meshWidth+1) * (meshHeight+1) * 2 + meshOffset  个(x,y)坐标。
• colorOffset： colors数组中开始跳过的(x,y)对的数目。
• paint: 可以为空。

为了更好的说明一下“Mesh”的概念，我们稍微修改一下代码，在图像上面加上绿色的网格（如果了解OpenGL的话，这里Mesh和3D绘图的Mesh的概念类似）。drawImageWithGrid 在图像上面绘制网格。

Bitmap mBitmap1 = BitmapFactory.decodeResource(getResources(),
 R.drawable.beach);

mBitmap=Bitmap.createBitmap(mBitmap1.getWidth(),
 mBitmap1.getHeight(), Bitmap.Config.ARGB_8888);
drawImageWithGrid(mBitmap1);

 ...
private void drawImageWithGrid(Bitmap image){
 Canvas canvas= new Canvas(mBitmap);
 float w = mBitmap.getWidth();
 float h = mBitmap.getHeight();
 int xCount=( int )w/WIDTH;
 int yCount=( int )h/HEIGHT;
 Paint paint= new Paint();
 canvas.drawBitmap(image, 0 , 0 , paint);
 paint.setStyle(Paint.Style.STROKE);
 paint.setStrokeWidth( 1 );
 paint.setColor( 0x8000FF00 );
 for ( int i= 0 ;i<xCount;i++){
 for ( int j= 0 ;j<yCount;j++){
 canvas.drawRect(i*WIDTH, j*HEIGHT,
 i*WIDTH+WIDTH, j*HEIGHT+HEIGHT, paint);
 }
 }
}

通过调整网格的坐标，可以对图像进行变化，本例实现的效果，但在图像上点击时，就像用手指在一块画布上压下少许（布是软的）。例子的warp方法实现翘曲画布的算法（变换Mesh的顶点坐标，具体算法不用深究）。