сохранить изображение после некоторых данных, записанных на этом изображении

Question

Привет всем, я показываю изображение в div и содержимое в другом div.using перетаскиваемого метода jquery, я поместил содержимое в этом 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 для записи текста в изображение.