JavaScript — экспорт PNG / SVG в виде одного файла PNG с помощью переполнения стека

Question

JavaScript — экспорт PNG / SVG в виде одного файла PNG с помощью переполнения стека

Поэтому в основном я использую SVG / javascript / PHP, поэтому, когда пользователь нажимает на изображение PNG, он берет координаты и использует их для построения маленького черного квадрата на изображении PNG, это действительно очень просто.

Однако мне было интересно, возможно ли сохранить PNG в тегах внутри элемента SVG и закрашенный квадрат поверх изображения PNG (созданный с использованием SVG ‘rect’), чтобы сохранить его как 1 отдельный PNG?

1

export javascript php png svg

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Вы, вероятно, должны пройти простой урок холста. Я предлагаю проверить Mozilla (MDN) учебники‌. С холстом не очень сложно работать. Для быстрого представления о том, что вам нужно, проверьте этот урок о рисовании прямоугольника и сохранить изображение, вы можете получить доступ к canvasElement.toDataURL() метод, чтобы получить в кодировке base64 строку изображения на холсте. Для сохранения пользователю вы можете location.href=dataURL; или отправьте его на сервер, используя ajax.

0