javascript – 我想知道WebKitCSSMatrix实际上是如何工作的

前端之家收集整理的这篇文章主要介绍了javascript – 我想知道WebKitCSSMatrix实际上是如何工作的前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
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.

我是一位荣耀的设计师,而不是工程师,所以我认为这就是我无法理解这种描述的原因.请问,有人能指出我正确的方向来理解这个矩阵和/或向量是如何工作的吗?

解决方法

@H_502_11@ 哇,这是我试图回答的最难的问题.简短的回答是,作为网页设计师,我们没有表达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

猜你在找的JavaScript相关文章