Как отредактировать SVG и отправить его как данные

Question

У меня есть встроенный SVG в HTML, и я редактирую цвет путей с помощью JavaScript. Я хочу иметь возможность сохранить этот SVG и отправить его на сервер в виде данных, а затем отобразить его на других устройствах. Какой лучший способ сделать это. Если есть какая-либо библиотека для этого или что-то еще. Я использую угловой.

Answer 1

В component.html

<svg xmlns="http://www.w3.org/2000/svg" #container>
    <!-- your svg here -->
</svg>

В component.ts

@ViewChild('container')
container: ElementRef;

saveSvg() {
  const svg = this.container.nativeElement.outerHTML;
  // your code to save svg
}

Answer 2

Если у вас есть ссылка, скажем el, на корневой элемент <svg /> (например, из document.getElementById()), вы можете получить текущее содержимое SVG с помощью el.outerHTML.

Это значение является строкой, которую вы можете затем отправить на ваш сервер любым удобным вам способом.