gpt4 book ai didi

javascript - 我想知道 WebKitCSSMatrix 是如何工作的

转载 作者:太空狗 更新时间:2023-10-29 13:40:38 27 4
gpt4 key购买 nike

Apple 的 official documentation说:

WebKitCSSMatrix objects represent a 4x4 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 或类(class)下查看此内容)。 enter image description here

您看到的只是 16 个值 webkitCSSMatrix 的接口(interface),似乎什么都不做的 slider 与 z 轴相关,我怀疑如果我们在 3d Canvas 中有更多对象,它会可见。

编辑:看了我之前放的链接,发现原作者之前也做过同样的例子,呵呵! http://www.eleqtriq.com/wp-content/static/demos/2010/css3d/matrix3dexplorer.html

关于javascript - 我想知道 WebKitCSSMatrix 是如何工作的,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4868678/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com