Svg image ne s'affiche pas dans Firefox

À l'intérieur d'un simple élément SVG j'ai une image.

  • Chrome: Version 28. - fonctionne parfaitement
  • Firefox: 22.0 - aucune image est tirée
  • Opéra: 12.16 - l'image est de montrer à 4 fois plus grande que la normale

Code:

 <svg width="500px" height="500px" viewBox="0 0 70 70"> 
<image de x="0" y="0" width="10" height="10" 
id="chevalier" xlink:href="/images/chevalier.svg" /> 
</svg>
Le chevalier.fichier svg: docs.google.com/file/d/0B4duJ7F-vg_fWFh0c2dGRnpERWc/...
C'est une image svg vérifier le lien dans mon autre commentaire. Vous pouvez l'ouvrir avec un éditeur de texte et de voir le contenu svg.

OriginalL'auteur Alexandru Chirila | 2013-07-17

  1. 9

    Votre SVG n'est pas mis à l'échelle pour s'adapter à votre 10x10 image rectangle parce qu'il n'a pas de négatoscopes. Moteurs de rendu SVG besoin de connaître les dimensions du contenu SVG afin de savoir comment mettre à l'échelle. C'est ce que l'attribut viewBox.

    Essayez d'ajouter les éléments suivants à la racine <svg> élément chevalier.svg.

      viewBox="0 0 45 45"

    Aussi, vous devez définir vos espaces de noms pour le svg et xlink. Bien que peut-être vous avez juste enlevé ceux pour plus de clarté(?).

    Merci, ça a fonctionné parfaitement. Et oui, j'ai enlevé les espaces de noms pour plus de clarté.
    vous pouvez prendre un coup d'oeil à question s'il vous plaît

    OriginalL'auteur Paul LeBeau

  2. 2

    Votre chevalier est de 45 x 45 pixels dans la taille. Le coin en haut à gauche (10 x 10) pixels est vide.

    Vous demandez de l'image à afficher pour que le coin en haut à gauche dans la <image> balisage afin de Firefox montre bien à rien, car il n'y a rien.

    Si vous voulez voir le chevalier, faire de la <image> de la largeur et de la hauteur de 45 à correspondre à la sous-jacentes chevalier.svg dimensions.

    Ni Chrome, ni de l'Opéra semblent afficher l'image correctement

    Une ‘image’ élément établit une nouvelle fenêtre pour le fichier référencé comme décrit dans la création d'une nouvelle fenêtre d'affichage. Les limites de la nouvelle fenêtre d'affichage sont définis par des attributs ‘x’, ‘y’, ‘width’ et ‘height’

    OriginalL'auteur Robert Longson