在该图像上写入一些数据后保存图像

Question

大家好 我正在div中显示图像，并在另一个div中使用jquery draggable方法的内容，我将内容放在图像上的div中。现在我想将内容保存为图像。可能吗？请回答这个问题很重要

Answer 1

完全可以这样做，但这不是微不足道的，我不会发布所有必要的代码。相反，我会给你一些指示：

• 您无法“按原样”保存添加的文本。那是不可能的。你可以截取它的截图，但这可能不是你想要的。
• 相反，您需要保存文本值以及文本相对于图像的放置位置和大小。
  • 使用相对值，例如x = 0.3242, y = 0.5123, width = 0.5123, height = 0.12，其中x = 0, y = 0是图片的左上角，x = 1, y = 1是右下角，宽度和高度类似地表示图片大小的一小部分。
• 将此信息发布到服务器，并使用例如gd将文本烘焙到图像中来重新创建相同的效果。
• 要找到要使用的正确字体大小，请使用imagettfbbox进行处理，直到找到与目标坐标最接近的大小。
• 使用imagettftext将文字写入图像。