2014-09-08 3 views
1

J'ai trouvé Google Chrome n'affiche pas les éléments SVG qui ont à la fois une échelle négative et un filtre (par exemple flou gaussien). Est-ce un bug?SVG + Chrome + filtre + échelle négative

exemple non Minimum:

<filter id="blur-norm"> 
    <feGaussianBlur stdDeviation="1 3" /> 
</filter> 
<g id="norms" transform="scale(-0.5)"> 
    <rect x="-40" y="-50" width="100" height="100" fill="#50aea9" stroke="#355270" stroke-width="5" /> 
</g> 

En comparant cette JSFiddle dans

  • Firefox 32/Win7: élément est visible et floue
  • Chrome 37/Win7: élément n'est pas visible

En chrome, le réglage de l'échelle est un nombre positif w mal faire apparaître l'élément (bien que incorrectement mis à l'échelle); alternativement, enlever la référence du filtre fera apparaître l'élément (bien qu'il ne soit pas flou).

Est-ce que je fais quelque chose de mal, ou est-ce un bug Blink?

Répondre

1

Je ne pouvais pas Chrome pour afficher tous les filtres jusqu'à ce que je retiré la section de la tête puis presto, a obtenu tous les filtres affichés.

+0

Bienvenue. Merci pour le conseil, bien que ce serait mieux posté comme un commentaire (et est susceptible d'être supprimé à l'avenir.) – mins

+0

@mins: peut-être l'utilisateur semble peu sûr, mais la réponse elle-même semble être utile. –

+0

@min: cette question a surgi pour examen. Alors que la réponse acceptée nous dit que c'est un bug, cette réponse tente de fournir une solution via une solution de contournement. Je ne vois aucune raison de supprimer cela. –