const svgNS = 'http://www.w3.org/2000/svg';
// Referência ao objeto SVG (sem o namespace)
svgRef = document.getElementById('svgImg01');
// Cria um caminho (usa namespace)
pathRef = document.createElementNS(svgNS, "path");
// Atributos são acessados sem o namespace
pathRef.setAttribute('id','cam');
pathRef.style =setAttribute('style', "fill:#000000";#000000");
pathRef.setAttribute('d', 'M0 0 Z');
// Adiciona o caminho criado ao documento SVG
svgRef.appendChild(pathRef);
Observação: O exemplo no jsfiddle
foi testado e funciona com o navegadoros navegadores FireFox 43.0.4 64bit
, executa mas apresenta problemas de preenchimento de cores nos navegadores Opera 31.0
, Safari 9.0.3
e Internet Explorer 11
e, porém, não funcionanão funciona no Google Chrome
(ver conclusão, no final da resposta).