Я пытаюсь вставить элемент в SVG-путь. Элементы содержат как простой текст, так и кнопки, и после нескольких часов попыток я начал думать, что лучшим вариантом будет просто создать внутреннюю ссылку и втиснуть ее в SVG. Также кнопка-функции. Надеюсь, вы понимаете, о чем я? Я не могу заставить это работать хотя. Я даже не уверен, возможно ли это? Но я хочу, чтобы это было !!
Я только начал разбираться с этой SVG-вещью, и мне удалось вставить текст и кнопки. Но потом мне пришлось разбить все, что привело к раздражающим разрывам строк. Плюс, это выглядит очень некрасиво, когда вы масштабируете окно. Я имею в виду, что текст и кнопки должны слипаться, а не рассматриваться как разные элементы.
Поэтому мне просто интересно, знает ли какой-нибудь умный человек, как это решить? Я был бы всегда благодарен. Ниже приведен пример моего незавершенного кода.
HTML:
<p id="text3">
<button onclick="buttonToggle(event)" class="change" id="item4">How to reach deeper?</button>
</p>
<svg class="bubble3" height="auto" width="42vw" viewbox="0 0 616 768" preserveAspectRatio="slice" style="filter:url(#dropshadow)">
<use xlink:href="#b3"></use>
<text x="120" y="230" class="intro"><tspan x="120" dy="1.2em" use="url(#text3)"></tspan></text>
</svg>