examples/readme/text_align.svg

<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="400px" height="120px" viewBox="0 0 400 120" version="1.1"><rect width="80" height="80" x="180" y="20" id="rect" style="fill: #d9737a; "/><text id="text_0" x="194.875" y="63.375" style="font-family: Helvetica; font-size: 10px; font-weight: normal; fill: #861a22; ">CENTERED</text><text id="text_1" x="180" y="20" style="font-family: Helvetica; font-size: 16px; font-weight: normal; fill: #861a22; ">On top and left aligned</text><text id="text_2" x="118.25" y="100" style="font-family: Helvetica; font-size: 10px; font-weight: normal; fill: #861a22; ">Aligned with bottom-right corner</text><text id="text_3" x="260" y="116.5" style="font-family: Helvetica; font-size: 14px; font-weight: normal; fill: #861a22; ">Below and to the right</text><text id="text_4" x="76.5" y="50" style="font-family: Helvetica; font-size: 24px; font-weight: normal; fill: #861a22; ">To the left</text></svg>