Держите текст в SVG видно после масштабирования в

Question

я следующий текст элемент, определенный в моем SVG:

var data = document.createTextNode("Testing text in SVG"); 
var text = document.createElementNS(xmlns, "text"); 
text.setAttributeNS(null, "font-size",'60'); 
text.setAttributeNS(null, "x", 2000); 
text.setAttributeNS(null, "y", 100); 
text.setAttributeNS(null, "fill", "black"); 
text.setAttributeNS(null, "text-anchor", "middle"); 
text.setAttributeNS(null, "id", "textLabel"); 
text.appendChild(data); 
Root.appendChild(text); 

К сожалению, когда я просигналить в SVG, текст не виден больше, что имеет смысл, поскольку координаты x и y жестко закодированы. Как я могу это исправить, так как я хочу, чтобы текст всегда был видимым в верхней средней области SVG независимо от того, насколько сильно я увеличиваю и уменьшаю масштаб?

Спасибо!

Answer 1

Попробуйте добавить текстовый элемент к svg имен и не xmlns:

var text = document.createElementNS("http://www.w3.org/2000/svg", "text"); 

"harcoded" координаты не имеет значения. Если элемент добавлен правильно, это должны быть координаты относительно холста svg.