我正在尝试使用html,css和jquery构建一个Web应用程序,该应用程序允许用户在div上添加多个图像。然后,您可以将它们拖放到div 中的任何位置,甚至可以调整图像大小和旋转图像。
此处的示例:http://h1s.sg/projects/ddbp/demo/
我需要做的是,在单击一个按钮时生成一个最终的jpg,其中包含父div的背景图像+所有调整大小和旋转的图像,具有确切的位置,大小和旋转。
我知道这可以通过将每个图像作为图层添加到背景图像来完成,我们可以将带有位置、旋转度等的 JS 数组传递给 php 脚本。我不知道如何将位置,大小和旋转度转换为php值并应用它们。
这个库解决了我的问题:
https://github.com/tsayen/dom-to-image
你可以看看这个项目: https://html2canvas.hertzen.com/