Discussion :

[thibotus01]

Bonjour,

J'ai créé un .svg avec illustrator. C'est tout simplement la lettre "x" d'un font particulier.

Sur Safari le rendu ne pose pas de problème:



Mais sous Firefox:



Et le code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="90px" height="100px" viewBox="0 0 90 100" enable-background="new 0 0 90 100" xml:space="preserve">
<text transform="matrix(1 0 0 1 5.2744 83.4561)" fill="red" font-family="'LoversQuarrel-Regular'" font-size="280">x</text>
</svg>

N'y conaissant pas grand chose en svg et compatibilité entre navigateurs... Une idée ?

[thibotus01]

Après moult recherche, text-transform est invalide en SVG. Et non pris en charge par Firefox.

Du coup, un simple clique sur "vectoriser" dans Illustrator m'a permis de créer de vrais tracés, et là évidemment ca fonctionne.