Javascript и SVG

Question

Я пытаюсь динамически создавать векторы SVG с помощью Javascript, и у меня возникают некоторые проблемы.

Я создаю разметку svg в javascript с помощью document.createElement и добавляю ее в контейнер div. Затем я делаю то же самое, создаю rect и добавляю его как дочерний элемент к идентификатору svg.

Когда я смотрю на DOM, я вижу добавляемые элементы, и их свойства таковы:

<svg id="gdc_container" xmlns="http://www.w3.org/2000/svg" version="1.1" width="500" height="300">
    <rect id="gdc_background" width="500" height="300" style="rgb(0,0,255)"></rect>
</svg>

Все выглядит хорошо, однако графика не отображается. Когда я использую Chromes инспектор, я вижу элементы svg и rect, но подсказка chrome показывает их размер как [0 x 0].

У кого-нибудь есть идеи?

Answer 1

Вы пробовали использовать createElementNS?( developer.mozilla.org / ru / DOM / document.createElementNS )

Некоторые примеры приведены в http://www.kevlindev.com/tutorials/basics/shapes/js_dom/index.htm.