Какой namespace валиден для xml-атрибутов внутри svg?

Question

[BanterFace]

Задача – начать анимацию svg через js. Моя (не)реализация – создаём dom-узел с тегом animate, ставим необходимые атрибуты, вставляем в конец svg. Проблема – при выполнении

elem.setAttributeNS('http://www.w3.org/2000/xmlns', 'xmlns:xlink', 'http://www.w3.org/1999/xlink')

(а также аналогичной установки любого другого атрибута) я ловлю ошибку:

Uncaught DOMException: Failed to execute 'setAttributeNS' on 'Element': 'www.w3.org/2000/xmlns' is an invalid namespace for attributes.

Если попробовать использовать обычные .setAttribute() и .createElement(), то анимация просто не работает без каких либо ошибок.

Вопрос: какой namespace валиден для xml-атрибутов внутри svg?

Посмотреть на ситуацию (см. ошибку в консоли)

Comments

[BanterFace]

Нашёл решение ра русском stackoverflow. Т.е., при создании элемента нужно использовать "http://www.w3.org/2000/xmlns" как namespace, а при добавлении атрибута использовать 'null' как namespace, т.е. в итоге что-то такое:

function SVGanim(href, attributeName, attributeType, from, to, begin, dur, fill, repeatCount, calcMode) {
	var elem = document.createElementNS(svgNS, "animate");
	elem.setAttributeNS(null, "href", href);
	elem.setAttributeNS(null, "attributeName", attributeName);
	elem.setAttributeNS(null, "attributeType", attributeType);
	elem.setAttributeNS(null, "from", from);
	elem.setAttributeNS(null, "to", to);
	elem.setAttributeNS(null, "begin", begin);
	elem.setAttributeNS(null, "dur", dur);
	elem.setAttributeNS(null, "fill", fill);
	elem.setAttributeNS(null, "repeatCount", repeatCount);
	elem.setAttributeNS(null, "calcMode", calcMode);
	return elem;
}

Не работает в лисе.

Answer 1

[ElijahTr]

А как-нибудь так:
https://codepen.io/elijah_tr/pen/pLqYLp
(скорее всего не кроссбраузерно)

Comments

[BanterFace]

Пока это единственный работающий вариант, в последних версиях хрома и вивальди, в лисе не работает.