画布应用当前变换

Question

如何确定html5画布正在应用的当前变换.

它似乎只支持两种处理变换"transform","setTransform"的方法,但我似乎无法发现应用变换的结果.

如果没有自己跟踪它们并重复它本身必须做的矩阵数学,我怎样才能找出当前的变换？

Answer 1

我做了一个包装器,将这个方法添加到Canvas中.

http://proceduralgraphics.blogspot.com/2010/03/canvas-wrapper-with-gettransform.html

Answer 2

您可以在此处查找影响转换的函数：

http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#transformations

如果使用该setTransform函数，则当前变换矩阵将设置为单位矩阵，然后它使用所设置的值。

此时您就有了当前的变换矩阵。

现在，如果您要重置它，然后开始调用其他变换方法，如果您需要知道它是什么，很容易进行数学计算来计算变换矩阵，因此只需使用您自己的方法进行运算即可变换函数，然后您可以根据计算结果设置变换。

如果你做不到这一点，那么你目前运气不好，但这篇文章也有同样的问题，所以你可能想请求添加一个新功能，getTransform。

http://forums.whatwg.org/viewtopic.php?t=4164