基于 html、css、jquery 的拖放、调整大小、旋转应用程序：通过 php 将最终图像导出为 jpg

Posted 2023-02-25

【中文标题】基于 html、css、jquery 的拖放、调整大小、旋转应用程序：通过 php 将最终图像导出为 jpg

【英文标题】：html, css, jquery based drag & drop, resize, rotate app: export final image to jpg via php

【发布时间】：2016-03-02 09:57:19

【问题描述】：

我正在尝试使用 html、css 和 jquery 构建一个 Web 应用程序，它允许用户在一个 div 上添加多个图像。然后您可以将它们拖放到 div 中的任何位置，甚至可以调整图像大小和旋转图像。

此处示例：http://h1s.sg/projects/ddbp/demo/

我需要做的是，通过单击带有父 div 的背景图像的按钮生成最终的 jpg + 其上所有调整大小和旋转的图像，并具有精确的位置、大小和旋转。

我知道这可以通过将每个图像作为一个图层添加到背景图像来完成，我们可以将带有位置、旋转度等的 JS 数组传递给 php 脚本。我一无所知的是如何将位置、大小和旋转度数转换为 php 值并应用它们。

【参考方案1】：

这个库解决了我的问题：

https://github.com/tsayen/dom-to-image

【参考方案2】：

你可以看看这个项目：https://html2canvas.hertzen.com/

【讨论】：

感谢您的信息。会检查这个。所以示例脚本说我可以将任何元素传递给它。如果我传递父 Div 的 Id，它会起作用吗？

这解决了我的问题：github.com/tsayen/dom-to-image 感谢您的帮助并为我指明了正确的方向。