Php 是否将Div中所有拖放的图像保存到桌面？

我创建了一个包含Canvas元素的网页，可以在其中拖放多个图像。我还能够生成画布上所有拖放图像的单个图像。在这个网站的帮助下，我可以用Javascript完成这项工作，但在跨浏览器时会出现问题——只能在Chrome中完全工作。caniuse.com/#search=canvas

这是我用来生成画布图像的：

    function convertCanvasToImage() {
        var canvas = document.getElementById('canvas');

        var image_src = canvas.toDataURL("image/png");
        window.open(image_src);

    }

这将打开一个包含图像的新窗口（包含拖放的图像）

由于跨浏览器的问题，我能够重建页面，以支持各种功能，我正在寻找使用Javascript、HTML和JQuery，跨Chrome、IE、Safari和FF工作。没有使用画布元素

重新创建的页面使用一个Div，在其中图像被删除，而不是画布

如何从这些多个拖放的图像生成一个图像，并通过按钮将其保存到HDD？也就是说，一旦将所有图像拖放到Div，就可以单击保存按钮，这样我就可以将Div中所有图像的当前位置作为单个PNG下载

令人惊讶的是，到目前为止，我在搜索中发现的最接近的是一个多年前的专有dollmakerscript，它使用Javascript和PHP。我在这里和其他地方找到的大多数东西似乎都是指画布或在线快照服务

我在这里创建了一个新页面的JSFIDLE。底部的“bktone”被破坏了，因为它指的是一个不在JSFIDLE中的图像文件夹-它更改了使用的背景图像

---

谢谢。

如果没有画布或flash，您无法在客户端完成此操作。使用服务器端脚本，您可以尝试收集所有图像位置和名称，并编写图像（在php使用gd的情况下）eicto，这是我一直在研究的路径之一（我上面提到的dollmakerscript就是这样做的）。PHP/GD使用编译后的图像生成新页面。我看过的代码：但这不是从Div收集的。有什么想法吗？你应该使用JS从DOM收集数据，用ajax请求发送数据，并生成图像服务器sideHi eicto…你能详细介绍一下使用Javascript从DOM收集数据吗？到目前为止，我发现的唯一一件事是：但是我正在使用的图像被拖放到一个DIV中。。。您需要传输图像以使其成为div的子对象，而不是选项卡区域