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

标签 javascript css

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

它必须在所有主要的浏览器上运行,也必须在没有-webkit-的浏览器上运行。

提前致谢。

最佳答案

如注释中所述,CSS3仅支持旋转和倾斜元素,并且不支持球体。

尽管您可以使用Raphael.js之类的东西在SVG中fake a sphere,但我认为使用Vector图形进行3D制作并没有真正的支持。您必须使用一些疯狂的数学来自己映射/包装/倾斜文本,甚至可能甚至无法实现。

我认为您唯一真正的希望是使用three.js之类的东西来创建实际的多维数据集对象。然后,您可以将文本写入隐藏的canvas元素以获得文本图像,并将图像作为 Material as in this example映射到多维数据集。

关于javascript - 是否可以在CSS3或Javascript中将字母映射到圆柱体或球体?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13254094/

相关文章:

javascript - 如何在javascript中计算闰年的两个日期之间的日期差?

javascript - 其外部的替代函数变量

javascript - 使用变异观察器查找新出现的 DOM 类?

javascript - 出现背景图像的问题

html - 文本对齐 :centre not aligning text correctly in <a>

html - 页脚不会停留在 IE 兼容模式(无法在任何地方找到答案)

javascript - 仅更改父项的不透明度

javascript - for of 循环,等到值被定义

javascript - 多个select元素在同一个页面时,如何获取正确的selectedIndex?

javascript - 检测是否按下 Shift