SVG être coupé

J'ai trouvé une réponse sur ici que je ne comprends pas. Malheureusement, je suis incapable de commentaire pour le moment.

Voici le lien pour la réponse, SVG rend mais coupée dans Firefox que - pourquoi?

La Accepté de répondre par Boris Zbarsky a une description sur pourquoi il ne fonctionne pas. Je ne suis pas entièrement comprendre cette réponse et vous demandez-vous un moyen de corriger ce problème afin que je puisse le faire fonctionner sur Firefox.

Pour mon cas, le SVG élément de texte est-il sur tous les navigateurs,
Dans Internet explorer tous les 3 textes sont visibles,
Dans Firefox et google chrome l'un de l'SVG éléments de texte sont coupées si elles sont plus de 1/4 à droite de l'écran. Si je passer par le développeur de l'onglet à gauche de l'imaginaire couper qu'ils se présentent.

Il n'y a pas de div ou de bloquer le long de cette étrange zone qui pourrait masquer le texte SVG.

C'est une mise en œuvre locale.

Aucune aide sur ce qui se passe serait très utile.

OriginalL'auteur BrinkDaDrink | 2014-07-22

  1. 11

    J'ai eu le même problème. Essayez d'ajouter une propriété css:

    overflow: visible
    Cela a résolu pour moi, merci beaucoup!
    J'ai été faire mon svg cercle éléments de couper juste un demi-pixel à gauche ou en haut. Ce totalement fixe.

    OriginalL'auteur Nikita

  2. 9

    La coordonnée x sur l'élément de texte était plus grande que la largeur de la css qui a été appliquée pour le parent de l'élément SVG.

    Tel un simple problème qui m'a fait tourner en rond pendant des heures.

    OriginalL'auteur BrinkDaDrink

  3. 1

    J'ai eu un problème similaire:

    Mon bloc entièrement rend dans IE9, mais est légèrement coupé dans Chrome.

    Correctif: 

    <SVG width="100%"></SVG>

    OriginalL'auteur john

  4. 0

    J'ai eu le même problème, C'était pour un logo, et de résoudre le problème, j'ai juste besoin d'ajouter plus d'espace à droite, au bord du plan de travail dans illustrator. Firefox a été l'écrêtage, le côté droit de l'œuvre d'art par une fraction.

    Firefox développe le contenu & Si vous n'avez pas assez d'espace/largeur sur les bords du contenu dans le plan de travail, il sera coupé par le plan de travail de limites (limites de l'espace où le contenu rend).

    Solution: Le Plan de travail de taille créé dans illustrator doit être plus grand autour de l'œuvre d'art limites pour offrir plus d'espace autour du contenu dans Firefox.

    OriginalL'auteur John Kennedy

  5. 0

    J'ai été en mesure de résoudre (ou un problème similaire) en ajustant les négatoscopes:
    <svg viewBox="0 0 100 100"
    J'ai joué avec la 3ème et la 4ème de paramètres et de les amener vers le bas à ~60 fixe pour moi.

    Référence: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/viewBox

    OriginalL'auteur Mark Jackson