Добрый день!
Пытаюсь сгенерировать svg
не получается создать элемент feGaussianBlur
он создается как fegaussianblur и не работает.
svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
svg.setAttribute('xmlns','http://www.w3.org/2000/svg');
svg.setAttribute('version', '1.0');
svg.setAttribute('width','256');
svg.setAttribute('height','256');
svg.setAttribute('xmlns:xlink', 'http://www.w3.org/1999/xlink');
def = document.createElement('defs');
filters = ['1','2'];
blurs = ['1.75','0.35'];
for(i=0; i<2; ++i) {
filter = document.createElement('filter');
filter.setAttribute('id', 'filter'+filters[i]);
feGaussianBlur = document.createElement('feGaussianBlur');
feGaussianBlur.setAttribute('stdDeviation', blurs[i]);
filter.appendChild(feGaussianBlur);
def.appendChild(filter);
}
svg.appendChild(def);
Что не так делаю?
при этом console.log(feGaussianBlur.nodeName);
выводит правильное имя, с большими буквами.