CSS3＆HTML5 - 旋轉對象組

Question

我有一個項目在我有一個可拖動的對象。 在我放置那些對象後，我想創建一個「攝像頭視圖」 在哪裏我可以改變視角。 （從2D到3D）

我試着各種組合（CSS3-rotate3d，HTML5-canvas） 或者可能是javascript。

是否有人知道構建解決方案的最佳方式是什麼？

Answer 1

使用JavaScript來驅動CSS3 rotate3d變換可能是您最好的選擇，如在this demo中。

使用畫布將需要以某種方式重新繪製畫布中的可拖動項目，這可能很容易，或者非常困難，具體取決於它們是什麼。如果它們都是圖像，則將它們繪製到畫布上並使用WebGL進行繪製將是可行的。將任意DOM元素繪製到畫布中可能非常困難。

rotate3d CSS3轉換可能更容易實現，但我懷疑它比WebGL支持的更少。 rotate3d至少可以在Chrome和Safari中使用，但WebGL也具有非常纖薄的支持。

希望這會有所幫助！