Bonjour,
je veux créer un ruban mètre pour personnaliser un futur <FORM> html.
Le voici : http://byanhor.free.fr/svgweb/measuring-tape-generator.php
C'est un fichier PHP qui automatise la génération du fichier SVG (boucle for pour les centimètres et boucle for pour les millimètres)
Le SVG ainsi généré (que vous pouvez voir en affichant le code source de la page ci-dessus) est calibré à 1m50 grâce à
J'ai un rectangle de fond
Et une succession de graduations à Xcm :
Pour écrire les chiffres à la verticale, j'ai tout tenté mais la seule chose qui marche c'est de faire le texte suivre un <path> et donc pour chaque centimètre j'ai un bloc comme celui-ci
Et là je n'arrive pas à calibrer mes <path> avec mes graduations. Les instructions d="..." du path n'accepte pas les centimètres, la viewbox n'y fait rien. Que puis-je faire ?
Merci
je veux créer un ruban mètre pour personnaliser un futur <FORM> html.
Le voici : http://byanhor.free.fr/svgweb/measuring-tape-generator.php
C'est un fichier PHP qui automatise la génération du fichier SVG (boucle for pour les centimètres et boucle for pour les millimètres)
Le SVG ainsi généré (que vous pouvez voir en affichant le code source de la page ci-dessus) est calibré à 1m50 grâce à
<svg x="0" y="0" [b]width="150cm" height="2cm"[/b] ...>J'ai un rectangle de fond
<rect [b]width="100%" height="100%" [/b]... >Et une succession de graduations à Xcm :
<line x1="[#red]X[/#]cm" y1="[#darkred]xxx[/#]%" x2="[#red]X[/#]cm" y2="100%" ...>Pour écrire les chiffres à la verticale, j'ai tout tenté mais la seule chose qui marche c'est de faire le texte suivre un <path> et donc pour chaque centimètre j'ai un bloc comme celui-ci
<defs>
<svg x="0" y="0" width="1cm" height="2cm" viewBox="0 0 10 20">
<path id="line2" d="M 20,0 V 20" style="stroke: gray; fill: none;"/></svg>
</defs>
<use xlink:href="#line2"/>
<text x="2.5cm" y="50%" font-family="SerifficGrunge" font-size="24">
<textPath xlink:href="#line2">3</textPath>
</text>
Et là je n'arrive pas à calibrer mes <path> avec mes graduations. Les instructions d="..." du path n'accepte pas les centimètres, la viewbox n'y fait rien. Que puis-je faire ?
Merci