如何使用Javascript創建基於Web的鏡像工具？

Question

我正在爲眼鏡的電子商務網站工作。我想放置一個功能來嘗試在您的臉上或一些樣本臉上的眼鏡。這樣做的最好的例子就是一個本網站

http://www.glasses2you.co.uk/prescription-glasses/gender/mens-glasses

請參閱本網站上的鏡子選項嘗試。

我可以看到它已經使用Flash Actionscript構建。 任何建議如何使用Javascript通過jQuery或相關工具構建這個？

在此先感謝。

Answer 1

只需將照片上的眼鏡圖像放在上面即可。

您可以使用CSS來完成此操作，可以使用JavaScript進行設置。使用CSS position property。

對於你的眼鏡的源圖像，使用PNG，這樣你就可以擁有一個合適的alpha通道。您可能需要分別爲每個圖像指定偏移量。