CSS3 & HTML5 - 旋转对象组

Question

我有一个项目，其中有一个可拖动的对象。 放置这些对象后，我想创建一个“相机视图”，我可以在其中更改视角。 （形式 2d 到 3d）

我正在尝试各种组合（CSS3-rotate3d、HTML5-canvas）或 JavaScript。

有人知道构建解决方案的最佳方法是什么吗？

Answer 1

使用 JavaScript 来驱动 CSS3 rotate3d 转换可能是您最好的选择，如本演示中所示。

使用画布需要以某种方式在画布中重新绘制可拖动的项目，这可能很容易，也可能非常困难，具体取决于它们是什么。 如果它们都是图像，将它们绘制到画布中并使用 WebGL旋转它们将是可行的。 将任意 DOM 元素绘制到画布中可能非常困难。

rotate3d CSS3 转换可能更容易实现，但我怀疑它的支持比 WebGL 少。 rotate3d 至少适用于 Chrome 和 Safari，但 WebGL 的支持也非常有限。

希望这可以帮助！