Преобразование SVG с параметрами в другой тип файла?

Question

На моем веб-сайте у меня есть изображение SVG, которое генерируется с использованием параметров из формы, которую пользователь выбирает.

Все работает отлично, но я изо всех сил пытаюсь придумать способ сделать следующую часть.

Как только пользователь будет готов, они нажмут кнопку ... Я хочу, чтобы эта кнопка конвертировала SVG в другой формат (eps, jpeg или png, желательно), готовый для отправки мне.

Я открыт относительно того, как это может быть отправлено мне ... Я думаю, мне нужно создать изображение на сервере и написать сценарий, чтобы отправить мне ссылку на него или что-то еще. ..

Но более важной частью моего вопроса является то, как я могу сгенерировать изображение в первую очередь? Я быстро посмотрел на Batik и ImageMagick, но ничего не могу найти об использовании параметров в SVG.

Спасибо!

Answer 1

1. Вы можете сериализовать SVG на стороне клиента в строку XML и отправить ее на сервер через AJAX. Это самый простой и без потерь:

   var svg = document.getElementById('my_svg'); 
   var str = (new XMLSerializer).serializeToString(svg); 
   

2. В зависимости от браузера и версии и функции, которые вы использовали, вы можете быть в состоянии сделать вашу SVG к в браузере <canvas>, а затем конвертировать холст пикселей на URL-адрес данных PNG и отправить его на сервер через AJAX. См. this question.

   • Drawing DOM objects into a canvas Смотрите также на MDN.