Feat : more text edge cases

This commit is contained in:
2024-07-01 11:51:06 +02:00
parent 7ed67521cf
commit 61424b7881
103 changed files with 661 additions and 622 deletions
+9 -9
View File
@@ -18,32 +18,32 @@
<circle cx="0" cy="0" r="20" fill="url(#grad2)" />
</g>
<g id="d0">
<circle cx="0" cy="0" r="20" fill="yellow" x="0" y="0" />
<circle cx="0" cy="0" r="20" fill="yellow" x="0" y="0" onclick="console.log()" />
<text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">5</text>
</g>
<g id="d1">
<text x="137.0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica"></text>
<text x="0" y="-0.0" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica"></text>
</g>
<g id="d2">
<circle cx="0" cy="0" r="20" fill="red" x="0" y="0" />
<circle cx="0" cy="0" r="20" fill="red" x="0" y="0" onclick="console.log()" />
<text x="0" y="9" font-size="24" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">2</text>
</g>
<g id="d3">
<circle cx="0" cy="0" r="20" fill="green" x="0" y="0" />
<circle cx="0" cy="0" r="20" fill="green" x="0" y="0" onclick="console.log()" />
<text x="0" y="9" font-size="24" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">3</text>
</g>
<g id="d4">
<circle cx="35" cy="40.0" r="15" fill="gray" filter="url(#drop-shadow)" />
<use xlink:href="#d1" x="0" y="70.66666666666667" />
<circle cx="30" cy="40.0" r="15" fill="gray" filter="url(#drop-shadow)" />
<use xlink:href="#d1" x="137.0" y="70.66666666666667" />
<use xlink:href="#d2" x="107.0" y="40.0" />
<use xlink:href="#d3" x="167.0" y="40.0" />
</g>
<g id="d5">
<text x="137.0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
<text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
</g>
<g id="d6">
<circle cx="35" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
<use xlink:href="#d5" x="0" y="31.0" />
<circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
<use xlink:href="#d5" x="137.0" y="31.0" />
</g>
<g id="effects">
<path d="M10,80 L264,80" stroke="black" stroke-width="1" />

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB