基本上,我有一个网页,允许用户预览标签在罐子上的样子。通过 z-indexs 通过将一个 div 放在 png 背景图像中的另一个 div 顶部来显示用户提交的图像。使用带有一些 Javascript 的 HTML 5 FileViewer API 预览图像,因此无需上传。
接下来我想使用圆柱形锡,但这里有一个平面图像看起来就像废话。有没有办法使用 Javascript 或 HTML Canvas 弯曲图像?我对两者都很陌生,非常感谢任何帮助。谢谢!
WebGL 可以用材质对圆柱体进行纹理处理。
你可以看看three.js
这是示例代码(不是我的):
http://www.skjapp.com/cylindergeometry-and-cone-example-using-webgl-three-js/#.UfsLN2l8OUk
这是一个演示(不是我的):
http://www.skjapp.com/wp-content/uploads/2012/09/CylinderExample.html