如何在 JavaScript 中的另一张图片上叠加图片

Question

我正在尝试使用 JavaScript 实现一项功能，室内设计师可以在其中拍摄 window 的照片，然后查看一组窗帘在 [=24= 上的效果].所以我需要以某种方式在用户拍摄的图像中 window 的相同区域叠加窗帘图像。

这类似于卖眼镜的网站。您可以在哪里上传您的脸部照片，看看您脸上的眼镜是什么样子的。类似的概念，但我需要用 windows 和窗帘来做到这一点。

我已经搜索了几个小时，但我仍然不明白该怎么做。有没有这方面的 JS 库？

我实际上正在构建一个 Blazor 应用程序，但我猜我应该使用普通的旧 JavaScript 来做这样的事情。

任何提示或指导将不胜感激。 谢谢， 戴夫

Answer 1

这甚至不是 JavaScript 问题，而是 CSS 问题。一般来说，在要叠加的项目上使用 position: absolute。确保两者都是 div 本身具有 position: relative 的子代。这应该是全部，但如果您有更具体的场景，请 post 一些代码。