使用PHP将png/svg导出为单个PNG文件

因此，基本上我使用SVG/javascript/PHP，以便当用户点击PNG图像时，它需要坐标并使用它们在PNG上绘制一个小黑色方块图像，它非常简单。使用PHP将png/svg导出为单个PNG文件

但是，我想知道是否有可能在SVG元素中使用PNG标签，并使用SVG'rect'制作PNG图像顶部的实心正方形，以将其保存为1个单个PNG ？

2015-03-02 Jordan Barker

您可以使用画布来绘制矩形而不是svg。然后从画布中获取像素数据，并在其上显示矩形。如果它只是一个矩形，那么使用svg over canvas就没有任何好处。 – 2015-03-02 18:15:00

我没有特别需要使用特别的SVG，所以我很乐意尝试这个（我最初试图使用图像映射！）。这同样适用于此，但是如何从画布中提取像素数据并保存该图像？ – 2015-03-02 19:29:45

你应该可以通过一个简单的画布教程。我建议检查[Mozilla（mdn）教程]（https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial）。画布不是很难合作。想要快速了解您需要什么，请查看[本教程]（https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes）关于绘制矩形并保存您可以访问canvasElement.toDataURL（）方法的图像，以在画布上获取图像的base64编码字符串。为了保存到用户，你可以将'location.href = dataURL'或ajax发布到服务器。 – 2015-03-02 20:05:22

你应该可以通过一个简单的画布教程。我建议检查Mozilla (mdn) tutorials‌。画布不是很难合作。为了快速了解您需要什么，请查看this tutorial关于绘制矩形并保存图像，您可以访问canvasElement.toDataURL()方法以在画布上获取图像的base64编码字符串。要保存为用户，您可以使用ajax将其发布到服务器上location.href=dataURL;。

来源

2015-03-02 21:01:08

使用PHP将png/svg导出为单个PNG文件

回答

相关问题