Envuelva una imagen alrededor de un objeto cilíndrico en HTML5 / JavaScript

Quiero ajustar una imagen alrededor de un objeto cilíndrico como tazas en una aplicación web, así

Es probable que sea una imagen base (por ejemplo, una imagen jpeg de una taza) que contiene una imagen transformada de una imagen cargada por el usuario.

Parece que hay muchos recursos sobre esto enPhotoShop. Sin embargo, esto, por supuesto, no es apropiado para entornos web, móviles o de servidor.

También sé que esto es posible, ya que varios sitios ya lo hacen extremadamente bien. Por ejemplo,Vista Print (ver imagen),Fotos de Asda (y carga más en Internet simplemente buscando tazas personalizadas en Google), usando lo que parece ser solo HTML5.

Sin embargo, extrañamente, parece que no puedo encontrar ninguna respuesta para una aplicación web. Hay muchas preguntas sobre esto en StackOverflow que no tienen respuesta como:Envuelva una imagen alrededor de un cilindro, envolver la imagen alrededor de una copa cilíndrica usando lienzo html 5 y javascript, Cómo superponer la imagen sobre una taza usando lienzo html5 ¡y muchos muchos mas!

Por lo tanto, ¿alguien puede finalmente dar una respuesta a esta pregunta?

Respuestas a la pregunta(0)

Su respuesta a la pregunta