I have problem with the alignment of the text.
I try to reproduce the alignment as the first image. The words are automatically cut to keep the shape of the object.
Do you have any idea? Is there a property in SVG code ?
Thank you
IMAGE 1
IMAGE 2
Code: Select all
<svg xmlns:svg="http://www.w3.org/2000/svg" version="1.2" xmlns:xlink="http://www.w3.org/1999/xlink" width="800px" height="800px" viewBox="0 0 800 800">
<defs><path id="heartPath" fill="none" d="M285 85C251.027 3.42297 146.84 -23.1268 75 24.0787C36.6194 49.2982 14.0911 93.1698 4.42438 137C-19.2116 244.168 48.5056 344.488 117.91 419C136.693 439.164 157.191 457.749 179 474.65C203.401 493.56 228.854 511.008 256 525.769C263.828 530.026 276.745 539.998 286 539.397C292.967 538.944 301.879 532.509 308 529.297C325.954 519.876 343.158 509.282 360 497.999C432.582 449.373 498.491 379.985 538.742 302C575.088 231.581 584.309 145.579 542.548 75C504.563 10.8028 419.395 -21.7473 351 15.3087C321.005 31.5596 301.971 56.2227 285 85z"/></defs>
<flowRoot style="font-size:26px;fill:#ffffff;font-weight:normal;line-height:100%;">
<flowRegion><use xlink:href="#heartPath"/></flowRegion>
<flowPara>a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example a text for example </flowPara>
</flowRoot>
</svg>