Apple的
official documentation说:
WebKitCSSMatrix objects represent a 4×4 homogeneous matrix for 3D transforms or a vector for 2D transforms. You can use these objects to manipulate matrices in JavaScript. For example,you can multiply,translate,and scale matrices.
我是一位荣耀的设计师,而不是工程师,所以我认为这就是我无法理解这种描述的原因.请问,有人能指出我正确的方向来理解这个矩阵和/或向量是如何工作的吗?
解决方法
哇,这是我试图回答的最难的问题.简短的回答是,作为网页设计师,我们没有表达3d变换的词汇.为了以一种易于理解的方式向你解释,我必须使用我自己不了解的数学概念.
如果您想进一步调查,可以查看:
http://www.eleqtriq.com/2010/05/css-3d-matrix-transformations/
但是,我可以直观地解释它.
http://duopixel.com/stack/webkitmatrix/(您必须在Safari 5 w / Snow Leopard,iPad或课程下查看此内容).
您所看到的只是16个值webkitCSSMatrix的接口,似乎什么都不做的滑块与z轴相关,如果我们在3d画布中有更多对象,我怀疑它们是可见的.
编辑:在研究我之前放置的链接后,我注意到原作者之前做过相同的例子,doh! http://www.eleqtriq.com/wp-content/static/demos/2010/css3d/matrix3dexplorer.html