У меня есть графический скрипт, который использует элементы svg для рисования графиков (нет библиотек, только JS). Я предпочитаю использовать canvas, но я использую svg для более простого экспорта как SVG.
В настоящее время я помещаю элемент svg в тег img, а затем сохраняю его, например ::
<img src='data:image/svg+xml;base64,[base64 encoded svg element here]'>
Все работает для небольших графиков. Проблема в том, что некоторые из графиков, в частности диаграммы рассеяния, имеют более 30 тыс. Элементов. Использую ли я кодировку base64 или только svg xml в атрибуте img src, изображение появляется в браузере, но не загружается. При попытке сохранить изображение в файл появляется сообщение «Failed - Network error» в Chrome.
Я могу придумать альтернативы, но все они довольно раздражают (например, создание SVG на сервере, а не в браузере). Поэтому прежде всего я хотел посмотреть, есть ли какое-нибудь простое решение, такое как сжатие, или альтернатива «на стороне браузера» методу, который я использую выше.