使用HTML Canvas或Javascript弯曲用户提交的图像？ （或两者？）

Question

基本上，我有webpage允许用户预览锡上的标签。通过在显示用户提交图像的另一个div顶部的png背景图像中放置div来实现z-index。使用带有一些Javascript的HTML 5 FileViewer API预览图像，因此无需上传。

我想接下来使用cylindrical tin，但这里有一个平面图像看起来就像垃圾一样。有没有办法使用Javascript或HTML Canvas弯曲图像？我对两者都很新，任何帮助都非常感激。谢谢！

Answer 1

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