基于HTML,CSS,jQuery的拖放,调整大小,旋转应用程序:通过PHP将最终图像导出为JPG


html, css, jquery based drag & drop, resize, rotate app: export final image to jpg via php

我正在尝试使用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/