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

Question

我必须在画布上绘制 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

感谢回复。我解决了这个问题。我必须使用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 2

试试这个：

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 3

矩阵对象描述的旋转总是具有其旋转轴通过原点的属性。旋转轴上的每个点在旋转下都是不变的，这是一种奇特（且紧凑）的说法，即它不会改变。按照您描述所需结果的方式，您希望文本的左边缘不移动。这意味着文本的左边缘必须位于该不变轴上。

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

matrix.preTranslate(-30, -100);

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

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