Я хочу добавить текстовые элементы после произвольных шаблонов SVG. Ниже приведено очень простое образцовое изображение.Позиционирование текста вдоль пути svg
Реальные тракты могут быть более сложными, образец выше только для иллюстрации.
В настоящее время я делаю следующее, используя библиотеку JQuery SVG:
var texts = svg.createText();
var textOutput = texts.string('').span(customText.content);
svg.textpath(textStyle, '#' + textPath.attr('id'), textOutput);
Это не совсем уместно, хотя. Я предполагаю, что это вызвано тем, что шаблоны не являются «строками», а геометрическими формами. Таким образом, текст кажется, вероятно, не расположен внутри пути, но следует за его границей.
Теперь я задаюсь вопросом, как я мог бы упростить это. Было бы целесообразно добавить дополнительные строки только для того, чтобы лидировать?
Спасибо за любые указатели.
нарисуйте невидимую линию вдоль оси большого эллипса и поместите текст на это. –
Возможно, этот ответ поможет? http://stackoverflow.com/questions/6999281/can-text-be-added-to-an-svg-path Не уверен, что я понимаю, что вы пытаетесь сделать. Ответ там должен применяться к любому пути, будь то поли линия или иначе. – Nolo
Да, я думаю, я пойду за невидимой линией. Спасибо! – Guite