Как писать на полигонах, которые в свою очередь нарисованы в элементе svg?

Question

У меня есть "карта", которая представляет собой набор полигонов, нарисованных JavaScript на элементе svg. Есть ли способ нарисовать текст внутри (сверху) многоугольника, нарисованного внутри элемента svg?

Стоит ли рисовать текст на элементе svg с теми же координатами, где нарисован многоугольник?

Спасибо!

P.S. поможет либо чистый JavaScript, либо jquery.

Answer 1

Да. Это можно сделать, просто добавив элемент , используя его атрибуты x и y, чтобы расположить его в нужном месте на заданном многоугольнике (используя тот же способ JS, который используется для добавления многоугольников, просто создав текстовый элемент). вместо элемента многоугольника).

Обязательно поместите текстовый элемент после многоугольника в дереве так, чтобы он рисовал поверх него.

Answer 2

Второй вариант - рисовать полигоны и тексты: а) в 0,0 для верхнего левого угла б) -х, -й для центра

А затем переведите каждый полигон / текст туда, где вы хотите, чтобы они были.