Манипулировать svg вне DOM, прежде чем поджечь его
Итак, я работаю над манипуляцией svg, и я смотрю на svg.js. Мой вопрос: могу ли я манипулировать svg в фоновом режиме, прежде чем импортировать его в DOM? Мне не нужно исходное изображение, просто манипуляция, которую я делаю с ним.
Лучшее
Итак, в основном, скажем, у меня есть svg, исходящий от иллюстратора. Я могу загрузить его на страницу, но я хочу не отображать его напрямую, как есть. Вместо этого я хочу выбрать путь за путем все элементы и преобразовать их во что-то другое. Этот новый файл - это то, что я хочу в конечном итоге отобразить.
Опишите «закачку». К серверу?
Фактически, на веб-страницу. Как во время загрузки страницы, так и от пользователя.
Опишите, пожалуйста, также, что именно вы подразумеваете под манипуляцией? примеры методов или что угодно из svg plz
Вы должны немного вставить его в дом, прежде чем манипулировать им. Конечно, вы можете скрыть это, но тогда такие методы, как bbox, больше не будут работать. Хотя трансформации должны быть в порядке ...
Ответы 1
svg.js может управлять только узлами. Находятся ли они в DOM или нет, в большинстве случаев не имеет значения. Однако вы не можете получить ограничивающую рамку для элемента, которого нет в dom. Это может быть проблемой при использовании методов, основанных на методе bbox.
Кроме того, это просто:
let canvas = SVG.adopt(rootNode)
canvas.rect(200, 200)
// or more abstract
// creates rect node outside of the dom
let rect = new SVG.Rect().size(200, 200)
Уточните, пожалуйста, откуда взялось «исходное изображение»? Опишите, какой рабочий процесс вы хотите достичь.