1
0
Fork 0
mirror of https://github.com/Nioux/AideDeJeu.git synced 2025-11-02 00:16:07 +00:00

width/height sur l'image svg + xlink

This commit is contained in:
Yan Maniez 2020-01-22 20:42:14 +01:00
parent 3b9e7869f0
commit f204fe8906
35 changed files with 56 additions and 52 deletions

View file

@ -10,6 +10,6 @@
<div><b>Source :</b> <a href="https://www.black-book-editions.fr/produit.php?id=5894" target="_blank">Anathazerin</a> : p7, S4 Les Faux-Monnayeurs p88</div>
<div>Carte par <b>Romje</b> :</div>
<div><input type="range" min="30" max="250" value="100" id="range" /></div>
<div><svg id="map" style="fill: transparent" viewBox="0 0 2048 1536" xmlns="http://www.w3.org/2000/svg"><image href="ferrance.jpg" /><g class="region"><a href="oceanpelurique.html" target="details"><rect x="1" y="103" width="192" height="40"><title>Océan Pelurique</title></rect></a><a href="oceanpelurique.html" target="details"><rect x="1" y="1363" width="206" height="172"><title>Océan Pelurique</title></rect></a></g><g class="region"><a href="portsable.html" target="details"><rect x="1348" y="1480" width="251" height="40"><title>Port-Sable</title></rect></a></g><g class="region"><a href="fourche.html" target="details"><rect x="1666" y="17" width="211" height="40"><title>Fourche</title></rect></a></g><g class="region"><a href="valastir.html" target="details"><rect x="1836" y="382" width="208" height="35"><title>Valastir</title></rect></a></g></svg></div>
<div><svg id="map" style="fill: transparent" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 2048 1536" xmlns="http://www.w3.org/2000/svg"><image xlink:href="ferrance.jpg" width="2048px" height="1536px" /><g class="region"><a href="oceanpelurique.html" target="details"><rect x="1" y="103" width="192" height="40"><title>Océan Pelurique</title></rect></a><a href="oceanpelurique.html" target="details"><rect x="1" y="1363" width="206" height="172"><title>Océan Pelurique</title></rect></a></g><g class="region"><a href="portsable.html" target="details"><rect x="1348" y="1480" width="251" height="40"><title>Port-Sable</title></rect></a></g><g class="region"><a href="fourche.html" target="details"><rect x="1666" y="17" width="211" height="40"><title>Fourche</title></rect></a></g><g class="region"><a href="valastir.html" target="details"><rect x="1836" y="382" width="208" height="35"><title>Valastir</title></rect></a></g></svg></div>
</body>
</html>

View file

@ -1,5 +1,5 @@
<svg id="map" style="fill: transparent" viewBox="0 0 2048 1536" xmlns="http://www.w3.org/2000/svg">
<image href="ferrance.jpg" />
<svg id="map" style="fill: transparent" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 2048 1536" xmlns="http://www.w3.org/2000/svg">
<image xlink:href="ferrance.jpg" width="2048px" height="1536px" />
<g class="region">
<a href="oceanpelurique.html" target="details">
<rect x="1" y="103" width="192" height="40">

Before

Width:  |  Height:  |  Size: 1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

Before After
Before After

View file

@ -9,6 +9,6 @@
<div><b>Source :</b> <a href="https://www.black-book-editions.fr/produit.php?id=193" target="_blank">CB02</a> : <a href="courseduprintemps.html">La course du printemps</a> p149</div>
<div>Carte par <b>Romje</b> :</div>
<div><input type="range" min="30" max="250" value="100" id="range" /></div>
<div><svg id="map" style="fill: transparent" viewBox="0 0 2048 1536" xmlns="http://www.w3.org/2000/svg"><image href="fourche.jpg" /><g class="region"><a href="virylene.html" target="details"><rect x="28" y="100" width="212" height="34"><title>Virylène</title></rect></a></g><g class="region"><a href="hauterive.html" target="details"><rect x="1172" y="0" width="230" height="29"><title>Hauterive</title></rect></a></g><g class="region"><a href="wyks.html" target="details"><rect x="1876" y="1429" width="160" height="33"><title>Wyks</title></rect></a></g><g class="region"><a href="ferrance.html" target="details"><rect x="333" y="1476" width="215" height="34"><title>Ferrance</title></rect></a></g></svg></div>
<div><svg id="map" style="fill: transparent" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 2048 1536" xmlns="http://www.w3.org/2000/svg"><image xlink:href="fourche.jpg" width="2048px" height="1536px" /><g class="region"><a href="virylene.html" target="details"><rect x="28" y="100" width="212" height="34"><title>Virylène</title></rect></a></g><g class="region"><a href="hauterive.html" target="details"><rect x="1172" y="0" width="230" height="29"><title>Hauterive</title></rect></a></g><g class="region"><a href="wyks.html" target="details"><rect x="1876" y="1429" width="160" height="33"><title>Wyks</title></rect></a></g><g class="region"><a href="ferrance.html" target="details"><rect x="333" y="1476" width="215" height="34"><title>Ferrance</title></rect></a></g></svg></div>
</body>
</html>

View file

@ -1,5 +1,5 @@
<svg id="map" style="fill: transparent" viewBox="0 0 2048 1536" xmlns="http://www.w3.org/2000/svg">
<image href="fourche.jpg" />
<svg id="map" style="fill: transparent" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 2048 1536" xmlns="http://www.w3.org/2000/svg">
<image xlink:href="fourche.jpg" width="2048px" height="1536px" />
<g class="region">
<a href="virylene.html" target="details">
<rect x="28" y="100" width="212" height="34">

Before

Width:  |  Height:  |  Size: 861 B

After

Width:  |  Height:  |  Size: 941 B

Before After
Before After

View file

@ -10,6 +10,6 @@
<div><b>Source :</b> <a href="https://www.black-book-editions.fr/produit.php?id=128" target="_blank">CB01</a> : <a href="filleduseigneurdelhiver.html">La fille du seigneur de lhiver</a> p143</div>
<div>Carte par <b>Romje</b> :</div>
<div><input type="range" min="30" max="250" value="100" id="range" /></div>
<div><svg id="map" style="fill: transparent" viewBox="0 0 2048 1536" xmlns="http://www.w3.org/2000/svg"><image href="hauterive.jpg" /><g class="region"><a href="vercelise.html" target="details"><rect x="1144" y="1500" width="224" height="33"><title>Vercélise</title></rect></a></g></svg></div>
<div><svg id="map" style="fill: transparent" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 2048 1536" xmlns="http://www.w3.org/2000/svg"><image xlink:href="hauterive.jpg" width="2048px" height="1536px" /><g class="region"><a href="vercelise.html" target="details"><rect x="1144" y="1500" width="224" height="33"><title>Vercélise</title></rect></a></g></svg></div>
</body>
</html>

View file

@ -1,5 +1,5 @@
<svg id="map" style="fill: transparent" viewBox="0 0 2048 1536" xmlns="http://www.w3.org/2000/svg">
<image href="hauterive.jpg" />
<svg id="map" style="fill: transparent" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 2048 1536" xmlns="http://www.w3.org/2000/svg">
<image xlink:href="hauterive.jpg" width="2048px" height="1536px" />
<g class="region">
<a href="vercelise.html" target="details">
<rect x="1144" y="1500" width="224" height="33">

Before

Width:  |  Height:  |  Size: 326 B

After

Width:  |  Height:  |  Size: 406 B

Before After
Before After

File diff suppressed because one or more lines are too long

View file

@ -1,5 +1,5 @@
<svg id="map" style="fill: transparent" viewBox="0 0 2099 1485" xmlns="http://www.w3.org/2000/svg">
<image href="osgild.png" />
<svg id="map" style="fill: transparent" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 2099 1485" xmlns="http://www.w3.org/2000/svg">
<image xlink:href="osgild.png" width="2099px" height="1485px" />
<g class="region">
<a href="hauterive.html" target="details">
<circle cx="144" cy="466" r="12">

Before

Width:  |  Height:  |  Size: 30 KiB

After

Width:  |  Height:  |  Size: 30 KiB

Before After
Before After

View file

@ -7,6 +7,6 @@
<h1>Port-Sable</h1>
<div>Carte par <b>Romje</b> :</div>
<div><input type="range" min="30" max="250" value="100" id="range" /></div>
<div><svg id="map" style="fill: transparent" viewBox="0 0 2048 1536" xmlns="http://www.w3.org/2000/svg"><image href="portsable.jpg" /><g class="region"><a href="oceanpelurique.html" target="details"><rect x="29" y="162" width="246" height="116"><title>Océan Pelurique</title></rect></a></g><g class="region"><a href="ferrance.html" target="details"><rect x="1521" y="1" width="217" height="28"><title>Ferrance</title></rect></a></g><g class="region"><a href="desertdetanith.html" target="details"><rect x="838" y="1500" width="332" height="34"><title>Désert de Tanith</title></rect></a></g></svg></div>
<div><svg id="map" style="fill: transparent" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 2048 1536" xmlns="http://www.w3.org/2000/svg"><image xlink:href="portsable.jpg" width="2048px" height="1536px" /><g class="region"><a href="oceanpelurique.html" target="details"><rect x="29" y="162" width="246" height="116"><title>Océan Pelurique</title></rect></a></g><g class="region"><a href="ferrance.html" target="details"><rect x="1521" y="1" width="217" height="28"><title>Ferrance</title></rect></a></g><g class="region"><a href="desertdetanith.html" target="details"><rect x="838" y="1500" width="332" height="34"><title>Désert de Tanith</title></rect></a></g></svg></div>
</body>
</html>

View file

@ -1,5 +1,5 @@
<svg id="map" style="fill: transparent" viewBox="0 0 2048 1536" xmlns="http://www.w3.org/2000/svg">
<image href="portsable.jpg" />
<svg id="map" style="fill: transparent" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 2048 1536" xmlns="http://www.w3.org/2000/svg">
<image xlink:href="portsable.jpg" width="2048px" height="1536px" />
<g class="region">
<a href="oceanpelurique.html" target="details">
<rect x="29" y="162" width="246" height="116">

Before

Width:  |  Height:  |  Size: 714 B

After

Width:  |  Height:  |  Size: 794 B

Before After
Before After

View file

@ -13,6 +13,6 @@
<div><b>Source :</b> <a href="https://www.black-book-editions.fr/produit.php?id=128" target="_blank">CB01</a> : <a href="filleduseigneurdelhiver.html">La fille du seigneur de lhiver</a> p143</div>
<div>Carte par <b>Romje</b> :</div>
<div><input type="range" min="30" max="250" value="100" id="range" /></div>
<div><svg id="map" style="fill: transparent" viewBox="0 0 2048 1536" xmlns="http://www.w3.org/2000/svg"><image href="vercelise.jpg" /><g class="region"><a href="hauterive.html" target="details"><rect x="889" y="0" width="234" height="28"><title>Hauterive</title></rect></a></g><g class="region"><a href="virylene.html" target="details"><rect x="783" y="1484" width="211" height="34"><title>Virylène</title></rect></a></g></svg></div>
<div><svg id="map" style="fill: transparent" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 2048 1536" xmlns="http://www.w3.org/2000/svg"><image xlink:href="vercelise.jpg" width="2048px" height="1536px" /><g class="region"><a href="hauterive.html" target="details"><rect x="889" y="0" width="234" height="28"><title>Hauterive</title></rect></a></g><g class="region"><a href="virylene.html" target="details"><rect x="783" y="1484" width="211" height="34"><title>Virylène</title></rect></a></g></svg></div>
</body>
</html>

View file

@ -1,5 +1,5 @@
<svg id="map" style="fill: transparent" viewBox="0 0 2048 1536" xmlns="http://www.w3.org/2000/svg">
<image href="vercelise.jpg" />
<svg id="map" style="fill: transparent" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 2048 1536" xmlns="http://www.w3.org/2000/svg">
<image xlink:href="vercelise.jpg" width="2048px" height="1536px" />
<g class="region">
<a href="hauterive.html" target="details">
<rect x="889" y="0" width="234" height="28">

Before

Width:  |  Height:  |  Size: 505 B

After

Width:  |  Height:  |  Size: 585 B

Before After
Before After

View file

@ -11,6 +11,6 @@
<div><b>Source :</b> <a href="https://www.black-book-editions.fr/produit.php?id=5894" target="_blank">Anathazerin</a> : S5 Le Pic dAnddalf p100</div>
<div>Carte par <b>Romje</b> :</div>
<div><input type="range" min="30" max="250" value="100" id="range" /></div>
<div><svg id="map" style="fill: transparent" viewBox="0 0 2048 1536" xmlns="http://www.w3.org/2000/svg"><image href="xelys.jpg" /><g class="region"><a href="forterive.html" target="details"><rect x="834" y="4" width="225" height="32"><title>Forterive</title></rect></a></g><g class="region"><a href="boisdebaram.html" target="details"><rect x="1084" y="7" width="207" height="26"><title>Bois de Baram</title></rect></a></g><g class="region"><a href="kaerimbor.html" target="details"><rect x="168" y="1486" width="244" height="40"><title>Kaerimbor</title></rect></a></g></svg></div>
<div><svg id="map" style="fill: transparent" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 2048 1536" xmlns="http://www.w3.org/2000/svg"><image xlink:href="xelys.jpg" width="2048px" height="1536px" /><g class="region"><a href="forterive.html" target="details"><rect x="834" y="4" width="225" height="32"><title>Forterive</title></rect></a></g><g class="region"><a href="boisdebaram.html" target="details"><rect x="1084" y="7" width="207" height="26"><title>Bois de Baram</title></rect></a></g><g class="region"><a href="kaerimbor.html" target="details"><rect x="168" y="1486" width="244" height="40"><title>Kaerimbor</title></rect></a></g></svg></div>
</body>
</html>

View file

@ -1,5 +1,5 @@
<svg id="map" style="fill: transparent" viewBox="0 0 2048 1536" xmlns="http://www.w3.org/2000/svg">
<image href="xelys.jpg" />
<svg id="map" style="fill: transparent" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 2048 1536" xmlns="http://www.w3.org/2000/svg">
<image xlink:href="xelys.jpg" width="2048px" height="1536px" />
<g class="region">
<a href="forterive.html" target="details">
<rect x="834" y="4" width="225" height="32">

Before

Width:  |  Height:  |  Size: 691 B

After

Width:  |  Height:  |  Size: 771 B

Before After
Before After