Quebrar uma imagem em torno de um objeto cilíndrico em HTML5 / JavaScript

Quero envolver uma imagem em torno de um objeto cilíndrico, como canecas em um aplicativo Web,

Provavelmente, será uma imagem de base (por exemplo, uma imagem JPEG de uma caneca) contendo uma imagem transformada de uma imagem carregada pelo usuário.

Parece haver muitos recursos sobre isso emPhotoShop. No entanto, é claro que isso não é apropriado para ambientes da Web, dispositivos móveis ou servidores.

Eu também sei que isso é possível, pois vários sites já fazem isso extremamente bem. Por exemplo,Vista Print (veja a imagem),Fotos de Asda (e carrega mais na Internet, basta pesquisar canecas personalizadas no Google), usando o que parece ser apenas HTML5.

No entanto, estranhamente, não consigo encontrar respostas para um aplicativo da Web. Há muitas perguntas sobre isso no StackOverflow que são sem resposta, como:Enrole uma imagem em torno de um cilindro, enrole a imagem em torno de um copo cilíndrico usando tela html 5 e javascript, Como sobrepor imagem em um copo usando a tela html5 e muitos mais!

Portanto, alguém pode finalmente responder a esta pergunta.

questionAnswers(0)

yourAnswerToTheQuestion