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

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

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

---

提前感谢。

如评论中所述，CSS3只支持旋转和倾斜元素，不支持球体

虽然可以使用Raphael.js之类的东西在SVG中使用，但我认为没有任何真正的支持使用矢量图形进行3D操作。你必须自己使用一些疯狂的数学来映射/包装/扭曲文本，这甚至可能是不可能的

---

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

如果您了解了，一切都是可能的……我不知道有什么解决方案，但我怀疑是否存在“全局”css属性。通常较新的CSS内容需要多个-moz--webkit-and-o-properties（它们做相同的事情，但有不同的语法），如果有的话，还需要一些用于IEIf的JS；这将是一个非常聪明的黑客。SVG可能是这里唯一的选项。好吧，CSS3只允许在3维空间中移动视图平面-球体是不可能的。因为CSS不可能，你可能想看看我的两种浏览器，Ubuntu Linux下的FF和Chrome，给出错误消息：“你的图形卡似乎不支持WebGL。看看如何在这里获得它。”我正在分析并尝试将其转换为一个带有文本的div…我想你可以尝试使用一个面具和灯光效果来伪造一个球体形状，就像他对可乐罐图像所做的那样。不过，效果可能非常微妙。他可以在他的例子中作弊，因为它是一个圆柱体，他只需水平缩放图像片段即可获得圆角效果。我不确定你是如何在水平和垂直方向上得到同样的效果的。您可以尝试创建一系列形成菱形的div，然后在锯齿状边缘上进行遮罩。您还需要一整套div副本，以便可以将每个div缩放到稍微不同的宽度和高度（球体中心最大的部分），克里斯：事实上，我开始朝着可乐罐和一堆唱片的方向思考。但由于我的客户并不坚持这个特性，我可能会默默地放弃它：别管它了。