我在Safari中測試CSS3 3D變換,但是我發現3D模型離我的知識還很遙遠。 經過查閱Holy W3C文檔,我發現CSS3中的所有變換規則都將被轉換爲與SVG標準中使用的類似的變換矩陣:http://www.w3.org/TR/SVG/coords.html#TranslationDefined OMG,我不擅長數學。 有沒有人可以向我解釋如何理解transformX,perspective等轉換函數的行爲如何理解CSS3 3D變換透視
回答
我一般發現我並不需要實際的轉換矩陣來完成任何事情。改用個別的屬性。我使用http://developer.apple.com/library/safari/#documentation/InternetWeb/Conceptual/SafariVisualEffectsProgGuide/Transforms/Transforms.html作爲文檔。
我還沒有轉過身去看它,但我也不擅長數學。儘管這樣做,可能有助於瞭解屬性如何工作http://westciv.com/tools/3Dtransforms/
我已經寫在CSS 3D一些TUTS和演示變換包括CSS3 3D矩陣變換:http://www.eleqtriq.com
太棒了!無論如何,我想出瞭如何使用CSS3 3D,但仍然thx! – RobinQu 2010-11-30 05:29:54
感謝您的好評! – 2011-03-02 01:13:21
查看:http://derek1906.site50.net/experiment/css3d.html/ – 2011-07-29 20:52:31
- 1. CSS3「曲面」3D變換/透視幫助
- 2. CSS3 3D彎曲透視
- 3. css 3D變換立方體透視
- 4. CSS3中的反向3D旋轉 - 透視原點,變換原點?
- 5. 用CSS3變換3d
- 6. CSS3 3D變換的IE11
- 7. 使用CSS3透視圖和變換將圖像渲染爲3D立方體
- 8. 如何3D透視添加到HTML5畫布沒有CSS3和WebGL
- 9. 如何在C#或VB.Net中進行3D變換(透視圖)?
- 10. css3 3d變換,div變得不可用
- 11. 透視變換
- 12. 如何將CSS3 2D動畫轉換爲3D變換
- 13. 3D中的3D透視
- 14. IOS HTML畫布或CSS3 3D變換
- 15. CSS3 3D變換和HTML5畫布
- 16. 需要用CSS3 3D變換幫助
- 17. css3 3D變換不會流暢動畫
- 18. 3D矩陣透視變換安裝在移動平臺
- 19. OpenCV:瞭解warpPerspective /透視變換
- 20. CSS3 - 3D翻轉動畫 - IE10變換產地:保留-3D解決辦法
- 21. 曲線透視:將3D轉換爲2D
- 22. 如何創建與CSS3直立的3D文字效果變換
- 23. WP7透視變換(3D矩陣vs平面投影)
- 24. 爲什麼CSS3透視變換不會在Firefox
- 25. 使用CSS3透視變換的IE10上的工件
- 26. CSS3的透視,變換和過渡與jQuery
- 27. CSS3視角3D動畫
- 28. Webkit 3D透視錯誤
- 29. 如何合併透視圖像(3D Transform)?
- 30. 3D變換解析問題
THX〜看來,如果你瞭解計算機圖形學一些書的3D模型是很簡單的...... – RobinQu 2010-10-18 07:09:09
是的,它是......它就像CG-101 :) – 2013-08-08 16:12:47