Comment anticrénelage texte SVG dans Firefox

Quelqu'un sait-il la meilleure façon de anticrénelage texte svg qui fonctionnera dans Firefox?Comment anticrénelage texte SVG dans Firefox

J'ai essayé texte-anticrénelage: vrai, mais cela n'a aucun effet, et aussi j'essayé d'utiliser une peinture de course, mais ce juste épaissit la police et n'est pas ce que je veux.

Exemple:

<!DOCTYPE html> 
<html> 
<body> 
<svg height="100" width="500"> 
<text y="50" x="250" text-anchor="middle" style="font-size: 40px" >Hello</text> 
</svg> 
</body> 
</html>

J'ai téléchargé cela http://jsfiddle.net/KJhrY/

Cet exemple apparaît dans IE9 sur anti-crénelé mon PC (Windows)

Source

2013-01-19 Martin Capodici

Cela ressemble anticrénelage très bien sur Firefox 17/Vista –

@ Michael - oui, il fonctionne très bien sur un autre PC avec Firefox. Bien que j'utilisais v18 sur la machine où ça ne fonctionnait pas. Peut-être que l'anti-aliasing est quelque chose que je ne peux pas supposer travailler pour tous mes spectateurs, du moins pour le moment. –

ouch - ouais je le vois sur FF18/OSX. Je ferais un bug avec Mozilla. –

Firefox 25 will have support pour l'attribut mox-osx-font-lissage!

Donc, pour firefox 25 vous pouvez utiliser:

.yourclass{ 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
}

Firefox 25 ~~sera probablement libéré quelque part au end of Oktober~~ a été libéré le 29/10/2013.
nightly builds se trouve à http://nightly.mozilla.org/

Source

2013-08-19 09:32:32 Tieme

Oh le plaisir, fun fun –

travail au moins sur Mac OS X 10.7.5 avec Firefox 25 version publique. – sampoh

Essayez "text-rendering" attribut.
text-rendering = "optimizeLegibility"

Source

2013-01-19 07:53:34 defghi1977

Firedox ne supporte pas cela pour le moment. –

Essayé: ne peut pas voir, que cela a eu un impact. –

Comment anticrénelage texte SVG dans Firefox

Répondre

Questions connexes