2013-04-04 6 views
6

में एंटी-एलाइज्ड बड़ा टेक्स्ट मैं आईई 10 (दाएं तरफ) जैसे एंटी-एलियास का उपयोग करने के लिए क्रोम (बाएं तरफ) कैसे बना सकता हूं?कैनवास

मैंने अब तक this कोड का उपयोग किया था। क्या मुझे पतली स्ट्रोक का उपयोग करने की ज़रूरत है?

large text not anti-aliased in Chrome

+0

आप पाठ ड्राइंग, तो getImage के लिए आकार 2x में एक ऑफ स्क्रीन कैनवास उपयोग कर सकते हैं() यह पैमाने पर करने के लिए नीचे। [क्रेडिट] (http://stackoverflow.com/questions/22296699/jaggies-text-when-filltext-in-canvas-in-chrome/22372088#22372088)। –

उत्तर

5

संक्षिप्त उत्तर है कि आप विरोधी aliasing नियंत्रित नहीं कर सकते है।

अच्छी खबर यह है कि यह बहुत क्रोम 27.0.1453.12 देव-मीटर में बेहतर लग रहा है है:

enter image description here

दुर्भाग्य

आप या तो "बस इंतज़ार" करने के लिए, वरना fillText बजाय छवियों का उपयोग होगा ।

कैनवास स्पेस का टेक्स्ट हिस्सा अधिकांश ब्राउज़रों में में लागू किया गया था और यह दिखाता है।

1

आपको अधिक समय तक इंतजार करना पड़ सकता है। क्रोम कैनरी v28 में अभी भी खराब एंटीअलाइजिंग fiddle है।

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

bad antialiasing in chrome v28.0.1501.0

+0

संस्करण में अभी भी खराब: 30.0.1599.101 :( –