Как добавить текстовый элемент SVG, имеющий текстовый путь, и текст переносится в преобразованную группу в другую также преобразованную группу - PullRequest
0 голосов
/ 16 апреля 2020

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

Я хочу "телепортироваться" (читать, переместить, добавить), используя javascript текстовый элемент к другой группе, сохраняя при этом его геометрию / внешний вид, которые были у его первой группы.

     id="g71"
     transform="matrix(1.416481,0,0,1.7363295,0.72505881,-151.97901)">
    <path
       style="fill:none;stroke:#000000;stroke-width:1.08685565px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       d="m 6.6929801,186.47924 c 0,0 26.0738699,-63.42586 71.7031469,-45.30418 45.629273,18.12167 48.888503,0 48.888503,0 v 0"
       id="path119" />
    <text
       id="text62"
       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:20px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none"
       xml:space="preserve"
       transform="matrix(-0.48754847,-0.63346977,1.4394603,-0.7373078,-145.02068,292.103)"><textPath
         id="textPath64"
         xlink:href="#path119"><tspan
   id="tspan60">text on path</tspan></textPath></text>
  </g>
  <g transform="translate(20, 40) rotate(45) scale(0.8) skewX(4)">
   <text>Indigenous text element</text>
  </g>```
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...