所以基本上我使用了 SVG/javascript/PHP，这样当用户单击 PNG 图像时，它会获取坐标并使用这些坐标在 PNG 图像上绘制一个小黑色方 block ，这真的非常简单。
但是，我想知道是否可以在 SVG 元素内的标签中包含 PNG，以及 PNG 图像顶部的填充方 block (使用 SVG“矩形”制作)，将其另存为 1 个单个 PNG？
最佳答案
您可能应该学习一个简单的 Canvas 教程。我建议检查Mozilla (mdn) tutorials 。 Canvas 并不难使用。要快速了解您需要什么，请查看 this tutorial关于绘制矩形并保存图像，您可以访问 canvasElement.toDataURL()方法获取 Canvas 上图像的 Base64 编码字符串。要保存到用户，您可以 location.href=dataURL;或使用 ajax 将其发布到服务器。
关于javascript - 使用 PHP 将 png/svg 导出为单个 png 文件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28816566/