2013-04-04 14 views
6

Come posso fare in modo che Chrome (lato sinistro) usi l'anti-alias come IE 10 (lato destro)?testo grande con anti-aliasing su tela

Ho utilizzato il codice this finora. Ho bisogno di usare un colpo sottile?

large text not anti-aliased in Chrome

+0

È possibile utilizzare una tela fuori dallo schermo a 2x le dimensioni per il disegno del testo, quindi getImage() per scala verso il basso. [Fonte] (http://stackoverflow.com/questions/22296699/jaggies-text-when-filltext-in-canvas-in-chrome/22372088#22372088). –

risposta

5

La risposta breve è che non si può controllare l'anti-aliasing.

La buona notizia è che sembra molto meglio in Chrome 27.0.1453.12 dev-m:

enter image description here

Purtroppo potrete sia necessario per "aspettare", oppure utilizzare le immagini invece di fillText .

La parte di testo della specifica Canvas è stata implementata per l'ultima volta nella maggior parte dei browser, e viene visualizzata.

1

Potrebbe essere necessario attendere più a lungo. Chrome canary v28 ha ancora un cattivo antialiasing fiddle.

ctx.font = '72pt Arial'; 
ctx.fillText('Iowa 6', 0, 50); 

bad antialiasing in chrome v28.0.1501.0

+0

Ancora brutto nella versione: 30.0.1599.101 :( –