heronfief/cards-gen
3
0
Fork 0
Code Issues 8 Pull Requests Actions Packages Releases Activity

Feat : prevent isolation by removing <use> elements

Browse Source
This commit is contained in:
legonzaur
2024-07-07 00:29:10 +02:00
parent ac7e34de47
commit 3055b7f658
105 changed files with 3456 additions and 3563 deletions
Download Patch File Download Diff File Expand all files Collapse all files
output/heron/014.svg
+50 -49
View File
@@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="298" height="417" viewBox="0 0 298 417" id="card14">
width="298" height="417" viewBox="0 0 298 417" id="card14" class="card" xmlns:v-bind="https://heron.legonzaur.fr">
<defs>
<linearGradient x1="0" y1="0" x2="1" y2="0" gradientUnits="objectBoundingBox" id="grad1">
<stop offset="0" stop-color="yellow" stop-opacity="1" />
@@ -13,51 +13,6 @@
<filter id="drop-shadow">
<feDropShadow dx="1" dy="1" stdDeviation="0"></feDropShadow>
</filter>
<g id="faction_icon">
<circle cx="1" cy="1" r="20" fill="black" filter="url(#drop-shadow)" />
<circle cx="0" cy="0" r="20" fill="url(#grad2)" />
</g>
<g class="svg_resource_icon" onclick="console.warn('unknown interaction')" id="d0">
<circle cx="0" cy="0" r="20" fill="yellow" x="0" y="0" />
<text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">6</text>
</g>
<g id="d1">
<text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez deux cartes.</text>
</g>
<g id="d2">
<use xlink:href="#d1" x="137.0" y="26.0" />
</g>
<g id="d3">
<text x="0" y="-0.0" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"></text>
</g>
<g class="svg_resource_icon" onclick="this.dispatchEvent(new CustomEvent( 'activate_effect', { bubbles: true, composed:true, detail: '1' } ) );" id="d4">
<circle cx="0" cy="0" r="15.0" fill="green" x="0" y="0" />
<text x="0" y="9" font-size="24" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">5</text>
</g>
<g id="d5">
<circle cx="30" cy="22.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
<use xlink:href="#d3" x="137.0" y="35.666666666666664" />
<use xlink:href="#d4" x="137.0" y="22.5" />
</g>
<g id="d6">
<text x="0" y="-0.0" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"></text>
</g>
<g class="svg_resource_icon" onclick="this.dispatchEvent(new CustomEvent( 'activate_effect', { bubbles: true, composed:true, detail: '2' } ) );" id="d7">
<circle cx="0" cy="0" r="15.0" fill="red" x="0" y="0" />
<text x="0" y="9" font-size="24" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">5</text>
</g>
<g id="d8">
<circle cx="30" cy="22.5" r="15" fill="black" filter="url(#drop-shadow)" />
<use xlink:href="#d6" x="137.0" y="35.666666666666664" />
<use xlink:href="#d7" x="137.0" y="22.5" />
</g>
<g id="effects">
<path d="M10,45 L264,45" stroke="black" stroke-width="1" />
<path d="M10,90 L264,90" stroke="black" stroke-width="1" />
<use xlink:href="#d2" x="0" y="0" />
<use xlink:href="#d5" x="0" y="45" />
<use xlink:href="#d8" x="0" y="90" />
</g>
</defs>
<use xlink:href="#drop-shadow" />
<g id="background">
@@ -68,9 +23,55 @@
<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Word of Power</text>
<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
</g>
<use xlink:href="#faction_icon" x="36" y="37" />
<use xlink:href="#d0" x="260" y="36" />
<g transform="translate(36,37)">
<g id="faction_icon">
<circle cx="1" cy="1" r="20" fill="black" filter="url(#drop-shadow)" />
<circle cx="0" cy="0" r="20" fill="url(#grad2)" />
</g>
</g>
<g transform="translate(260,36)">
<g class="svg_resource_icon" onclick="console.warn('unknown interaction')">
<circle cx="0" cy="0" r="20" fill="yellow" x="0" y="0" />
<text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">6</text>
</g>
</g>
<rect x="0" y="65" width="298" height="200" />
<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
<use xlink:href="#effects" x="12" y="265" />
<g transform="translate(12,265)">
<path d="M10,45 L264,45" stroke="black" stroke-width="1" />
<path d="M10,90 L264,90" stroke="black" stroke-width="1" />
<g>
<g transform="translate(137.0,26.0)">
<text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez deux cartes.</text>
</g>
</g>
<g transform="translate(0,45)">
<g>
<circle cx="30" cy="22.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
<g transform="translate(137.0,35.666666666666664)">
<text x="0" y="-0.0" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"></text>
</g>
<g transform="translate(137.0,22.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
<g class="svg_resource_icon" onclick="this.dispatchEvent(new CustomEvent( 'activate_effect', { bubbles: true, composed:true, detail: '1' } ) );">
<circle cx="0" cy="0" r="15.0" fill="green" x="0" y="0" />
<text x="0" y="9" font-size="24" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">5</text>
</g>
</g>
</g>
</g>
<g transform="translate(0,90)">
<g>
<circle cx="30" cy="22.5" r="15" fill="black" filter="url(#drop-shadow)" />
<g transform="translate(137.0,35.666666666666664)">
<text x="0" y="-0.0" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"></text>
</g>
<g transform="translate(137.0,22.5)" v-bind:class="{used:used_effects_indexes.includes(2)}">
<g class="svg_resource_icon" onclick="this.dispatchEvent(new CustomEvent( 'activate_effect', { bubbles: true, composed:true, detail: '2' } ) );">
<circle cx="0" cy="0" r="15.0" fill="red" x="0" y="0" />
<text x="0" y="9" font-size="24" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">5</text>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 3.6 KiB