Android canvas-skew(错切)

斜切(skew)
斜切只提供了一种方法:
public void skew (float sx, float sy)
参数含义:
float sx:将画布在x方向上倾斜相应的角度,sx倾斜角度的tan值,
float sy:将画布在y轴方向上倾斜相应的角度,sy为倾斜角度的tan值.
变换后:
X = x + sx * y
Y = y+sy * x

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();

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);

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

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

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

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

扫描二维码关注公众号,回复: 8883088 查看本文章

小结

对于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度。
发布了81 篇原创文章 · 获赞 4 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/GracefulGuigui/article/details/104062504