javascript - 如何使用 Javascript 创建基于 Web 的镜像工具？

Question

我正在开发眼镜的电子商务网站。我想在你的脸上或一些样本脸上添加一个功能来尝试戴眼镜。一个完美的例子就是这个网站

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

请参阅本网站上的“试镜”选项。

我可以看到它是使用 Flash Actionscript 构建的。有什么建议我可以通过 jQuery 或此类相关工具使用 Javascript 构建它吗？

提前致谢。

Answer 1

只需将眼镜的图像放在照片的顶部。

您可以使用 CSS 执行此操作，可以使用 JavaScript 进行设置。使用CSSposition属性。

对于您的眼镜源图像，请使用 PNG，以便您可以拥有适当的 alpha 通道。您可能希望单独为每个图像指定偏移量。