Jak antyalias tekstu SVG w Firefox

Czy ktoś wie najlepszy sposób na anty-alias svg tekst, który będzie działać w Firefoksie?Jak antyalias tekstu SVG w Firefox

Próbowałem textialialis: prawda, ale to nie działa, a także próbowałem użyć farby obrysu, ale to pogrubia czcionkę i nie jest to, co lubię.

Przykład:

<!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>

Przesłałem to http://jsfiddle.net/KJhrY/

Przykład ten wydaje antyaliasing w IE9 na moim komputerze (system Windows)

Źródło

2013-01-19 Martin Capodici

To wygląda wygładzane dobrze na Firefox 17/Vista –

@Michael - tak to działa dobrze na innym komputerze z Firefoksa. Chociaż używałem v18 na komputerze, na którym nie działa. Może antyaliasing to coś, czego nie mogę zakładać, że pracuję dla wszystkich moich widzów, przynajmniej w tej chwili. –

ouch - tak, widzę to na FF18/OSX. Zrobiłbym błąd w Mozilli. –

Firefox 25 will have support za atrybut wygładzający osx-font!

Więc dla Firefoksa 25 można użyć:

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

Firefox 25 ~~prawdopodobnie zostanie wydany gdzieś w end of Oktober~~ został wydany na 2013-10-29.
Nightly kompilacje można znaleźć na http://nightly.mozilla.org/

Źródło

2013-08-19 09:32:32 Tieme

Och zabawa, dobra zabawa –

Praca przynajmniej na OSX 10.7.5 z publiczną wersją Firefoksa 25. – sampoh

Spróbuj atrybutu "text-rendering".
renderowanie tekstu = "optimizeLegibility"

Źródło

2013-01-19 07:53:34 defghi1977

Firedox nie obsługuje tego w tej chwili. –

Próbowałem: Nie widzę, że to miało jakikolwiek wpływ. –

Jak antyalias tekstu SVG w Firefox

Odpowiedz

Powiązane problemy