Android画布操作-skew(错切)

skew之前

首先绘制一个200x200的正方形：

canvas.translate(200, 600);

//画x轴和y轴
mPaint.setColor(Color.RED);
mPaint.setStrokeWidth(2);
canvas.drawLine(0, 0, mWidth, 0, mPaint);
canvas.drawLine(0, 0, 0, mHeight, mPaint);

Rect rect2 = new Rect(0, 0, 200, 200);
canvas.drawRect(rect2, mPaint);

 canvas.restore();

image

skew之后

红线表示对画布进行操作之前的x、y坐标轴，绿色表示对画布进行操作之后的x、y坐标轴

将Canvas在x方向上倾斜45度：

 /**
 * @params sx 将画布在x方向上倾斜相应的角度，sx倾斜角度的tan值，其实就是将y逆时针旋转相应的角度
 * @params sy 将画布在y方向上倾斜相应的角度，sx倾斜角度的tan值，其实就是将x顺时针旋转相应的角度
 *
 * 水平错切
 */
canvas.skew(1, 0);
canvas.drawRect(rect2, mPaint);

image

将Canvas在y方向上倾斜45度：

canvas.skew(0, 1);
canvas.drawRect(rect2, mPaint);

image

将Canvas在x方向上倾斜45度,在y方向上倾斜60度：

canvas.skew(1, (float) Math.sqrt(3));
canvas.drawRect(rect2, mPaint);

image

小结

对于skey(float sx,float sy),sx和sy分别表示将画布在x和y方向上倾斜相应的角度对应的tan值。

当sx=1时，即将画布在x方向上旋转45度，其实就是x轴保持方向不变，y轴逆时针旋转45度。

当sy=1时，即将画布在y方向上旋转45度，其实就是y轴保持方向不变，x轴顺时针旋转45度。

当sx、sy都改变时，两者都进行相应的移动。最后一张图中，将画布往x方向旋转45端，y方向旋转60度，可见，x轴顺时针旋转了60度，y逆时针旋转了45度。