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也具有非常纤薄的支持。

希望这会有所帮助！