在Canvas上绘制两个3D字符串？

Question

我必须在canvas上绘制2个字符串。字符串必须使用相同坐标绘制，第二个字符串必须是围绕轴Y旋转第一个字符串45度的结果。结果必须如下所示：

这是我的代码：

Matrix matrix = new Matrix();
matrix = canvas.getMatrix();
mCamera = new Camera();


canvas.drawText("In the name of God", 30, 100, redPaint);
mCamera.rotateY(45);
mCamera.getMatrix(matrix);

matrix.preTranslate(30, 100);
//      matrix.postTranslate(-30, -100);

canvas.setMatrix(matrix);
canvas.drawText("In the name of God", 0, 0, greenPaint);

但上述代码的结果是：

你可以看到字符串的坐标是不同的。那么我做错了什么？我猜它是由matrix.preTranslate()的错误参数引起的。

更新：

我改变了我的代码：

canvas.drawText("In the name of God", 30, 100, redPaint);
mCamera.rotateY(45);
mCamera.getMatrix(matrix);
matrix.preTranslate(-30, -100);
matrix.postTranslate(30, 100);
canvas.setMatrix(matrix);
canvas.drawText("In the name of God", 0, 0, greenPaint);

或者喜欢：

canvas.drawText("In the name of God", 30, 100, redPaint);
mCamera.rotateY(45);
mCamera.getMatrix(matrix);
matrix.preTranslate(-30, -100);
//matrix.postTranslate(30, 100);
canvas.setMatrix(matrix);
canvas.drawText("In the name of God", 0, 0, greenPaint);

或者喜欢：

canvas.drawText("In the name of God", 30, 100, redPaint);
mCamera.rotateY(45);
mCamera.getMatrix(matrix);

matrix.preTranslate(-30, -100);
//      matrix.postTranslate(30, 100);
canvas.setMatrix(matrix);
canvas.drawText("In the name of God", 30, 100, greenPaint);

对于以上所有三个代码，结果如下所示：

我猜第二个文字是在范围之外或status bar之后绘制的，因此它不可见。

然后将我的代码更改为：

mCamera.rotateY(45);
mCamera.getMatrix(matrix);
matrix.preTranslate(-30, -100);
matrix.postTranslate(30, 100);
canvas.setMatrix(matrix);
canvas.drawText("In the name of God", 30, 100, greenPaint);

结果：

Answer 1

试试这个：

Matrix matrix = new Matrix();
matrix = canvas.getMatrix();
mCamera = new Camera();


canvas.drawText("In the name of God", 30, 100, redPaint);
mCamera.translate(30, 100);
mCamera.rotateY(45);
mCamera.getMatrix(matrix);

canvas.setMatrix(matrix);
canvas.drawText("In the name of God", 0, 0, greenPaint);

我从不弄乱翻译前和翻译，但您可以调试它并尝试进行后期翻译而不是预翻译并提供（30,100）并查看是否有效。

Answer 2

感谢您的回复。我解决了这个问题。我必须使用canvas.concat()代替canvas.setMatrix。这是正确的代码：

Matrix matrix = new Matrix();
mCamera = new Camera();

canvas.drawText("In the name of God", 30, 100, redPaint);
mCamera.rotateY(60);
mCamera.getMatrix(matrix);

matrix.preTranslate(-30, -100);
matrix.postTranslate(30, 100);
canvas.concat(matrix);
canvas.drawText("In the name of God", 30, 100, greenPaint);

Answer 3

矩阵对象描述的旋转始终具有其旋转轴穿过原点的属性。旋转轴上的每个点在旋转下都是不变的，这是一种花式（和紧凑）方式，表示它不会改变。您描述所需结果的方式，您希望文本的左边缘不移动。这意味着文本的左边缘必须位于该不变轴上。

这是pretranslate()的用途。您需要一个将文本位置转换为原点的转换。该平移的坐标是坐标的负数：

matrix.preTranslate(-30, -100);

此转换应用于文本，而不是旋转轴。这种困惑似乎是你问题的根源。要将文本放回原来的位置，请使用预翻译的负数postTranslate，即使用原始坐标。

为了更好地理解这一点，请阅读similarity transforms。