javascript - 是否可以在 CSS3 或 Javascript 中将字母映射到圆柱体或球体？

Question

我在 CSS3 中看到一张映射到圆柱体的图片，我想知道这是否可以通过文本实现。更好的方法是将文本映射到一个球体。如果纯 CSS 无法实现，则可以选择 Javascript。

它必须在所有主流浏览器上运行，包括那些没有 -webkit- 的浏览器。

提前致谢。

Answer 1

正如评论中提到的，CSS3 仅支持旋转和倾斜元素，不支持球体。

尽管您可以使用 Raphael.js 之类的东西在 SVG 中伪造一个球体，但我认为没有任何真正支持使用矢量图形进行 3D 工作。您必须自己使用一些疯狂的数学来映射/包装/倾斜文本，而且它甚至可能仍然不可能。

我认为你唯一真正的希望是使用像 three.js 这样的东西来创建一个实际的立方体对象。然后，您可以将文本写入隐藏的画布元素以获取文本的图像，并将图像作为材质映射到立方体上，如本例所示。