Bon voilà,
<svg xmlns="http://www.w3.org/2000/svg" xmlnslink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="-100 -200 1400 1400">
Ton espace de nom par défaut est http://www.w3.org/2000/svg,
il est donc inutile de préfixer tes balises par svg.
'svg:rect xmlns:svg="http://www.w3.org/2000/svg"'
devrait être transformer en 'rect' tout simplement.
Ca fait moins des fichiers plus légés et c'est plus facile à lire !
viewBox="-100 -200 1400 1400"
A moins que tu ne l'ai fais exprès, les dimensions de ton espace visible ne sont pas les mêmes que celles de ton image.
xlink:href="/carte-du-monde.jpg"
Est-tu certain d'avoir placer ton image à la racine ? Si elle est dans le répertoire de ton fichier svg remplace ton lien par "./carte-du-monde.jpg" ou "carte-du-monde.jpg".
Enfin par la suite, tu pourra mettre ton style dans une feuille de styles mystyle.css plutot que dans les balises. La processing instruction suivante
<?xml-stylesheet href="mystyle.css" type="text/css"?>
Partager