Javascript 带CSS/JS的凸出/弯曲正方形_Javascript_Css_Matrix_Three.js

Javascript 带CSS/JS的凸出/弯曲正方形

javascript css matrix three.js

Javascript 带CSS/JS的凸出/弯曲正方形,javascript,css,matrix,three.js,Javascript,Css,Matrix,Three.js,我一直在绞尽脑汁想如何描述这一点，所以让我直接跳到预期效果：因此，我不是在谈论侧面或内容，而是在谈论正方形向前“弯曲”的方式。到目前为止，我还没有找到在CSS中实现这一点的方法，但是当我沿着Three.js的路线走下去时，有Three.BendModifier。尽管如此，我仍然无法生成上面（非常简单）的形状。。。除此之外，我似乎无法找到一种方法，首先在WebGLRenderer中绘制HTML元素请注意，我并不是在寻找现成的解决方案（尽管我可能会奖励一个），我所需要的只是一个通用的方法，它将

我一直在绞尽脑汁想如何描述这一点，所以让我直接跳到预期效果：

因此，我不是在谈论侧面或内容，而是在谈论正方形向前“弯曲”的方式。到目前为止，我还没有找到在CSS中实现这一点的方法，但是当我沿着

Three.js

的路线走下去时，有

Three.BendModifier

。尽管如此，我仍然无法生成上面（非常简单）的形状。。。除此之外，我似乎无法找到一种方法，首先在

WebGLRenderer

中绘制HTML元素

请注意，我并不是在寻找现成的解决方案（尽管我可能会奖励一个），我所需要的只是一个通用的方法，它将导致上述结果。考虑到网络浏览器中所有可能的事情，必须有一种方法

可能必须使用webgl来变换球体表面上的divsomehow@foreyez：是的，这就是我一直在尝试使用

three.js

，但在处理了相当长一段时间（“截屏”HTML很难）后，我不敢相信要获得如此简单的效果会如此困难~html2canvas使用起来非常简单，然后在webgl中将其用作纹理。。但这取决于你是否想要这个interactive@foreyez：检查

html2canvas

的测试控制台，查看一个使用大量CSS3的站点，并感到悲伤：P。哦，好吧，如果有人能告诉我如何使用

BendModifier

来获得凸起/弯曲效果，我已经是一个快乐的人了：P.看看这个。。有人用css制作了一个圆柱体。那几乎是一个球体