Добавленные потомки через appendChild () не отображаются - PullRequest
Новая
       8

Добавленные потомки через appendChild () не отображаются

0 голосов
/ 28 января 2019

Он получает все данные правильно, как показано в console.log (), но когда он добавлен, он отображается в devTools, но не на экране.

Я также попытался поместить данные на страницу, вставив в нее то, что получил от консоли, чтобы увидеть, есть ли какие-либо различия, не было, но вставленный код был показан на экране.

Кто-нибудь понял, как я могу это исправить?

РЕДАКТИРОВАТЬ: добавил HTML-код и поместил значения x и y в то, что я получаю из предыдущего кода, так что это более понятно. 

var element;
var i = 1;
var x = 799.8;
var y = 620;
element = document.createElement("circle");
element.id = "circle" + (i + 1);
element.setAttribute("cx", x);
element.setAttribute("cy", y);
element.setAttribute("r", "500");
element.setAttribute("fill", "#42b6f4")
document.getElementById("svghead").appendChild(element);

А вот и HTML: 

<svg id="svghead" style="flex: 1 1 0%; height: 90%; margin-left: 3%; 
    width: 86.8%; border: 1px solid black;"></svg>

1 Ответ

0 голосов
/ 28 января 2019

Помните, что вы не можете создавать элементы SVG с помощью простого createElement(), вам нужно использовать createElementNS(), который принимает дополнительный аргумент 

let svgns = "http://www.w3.org/2000/svg";
var elm;
elm = document.createElementNS(svgns,"circle");
...