Subpixel anti-aliased text on HTML5’s canvas element

by

It’s now possible to get sub-pixel font rendering by creating an opaque canvas context. In Safari and Chrome you can get this using this snippet:

var ctx = canvas.getContext("2d", {alpha: false})

I found this from this blog post.

More Related Contents:

  1. Poor anti-aliasing of text drawn on Canvas
  2. Html5 canvas drawImage: how to apply antialiasing
  3. HTML5 Canvas and Anti-aliasing [duplicate]
  4. HTML5 Canvas Rotate Image
  5. html5 – canvas element – Multiple layers
  6. How to Copy Contents of One Canvas to Another Canvas Locally
  7. HTML text input field with currency symbol
  8. Setting a max character length in CSS
  9. How to stop text from taking up more than 1 line?
  10. Drawing text to with @font-face does not work at the first time
  11. HTML: Changing colors of specific words in a string of text
  12. Dual-Color Text
  13. How to change the opacity (alpha, transparency) of an element in a canvas element?
  14. using HTML5 Canvas – rotate image about arbitrary point
  15. How to make rooftext effect and valley text effect in HTML5 (or Fabric.js)
  16. get click event of each rectangle inside canvas?
  17. HTML5 Canvas getImageData and Same Origin Policy
  18. Arabic characters from html content to pdf using iText
  19. How can I write text on a HTML5 canvas element?
  20. Animated GIF in HTML5 canvas
  21. Chart.js canvas resize
  22. Drawing a dot on HTML5 canvas [duplicate]
  23. Placing a within a
  24. Combining two or more Canvas elements with some sort of blending
  25. All html canvas shapes are given the color of the last object added
  26. How to apply font anti-alias effects in CSS? [duplicate]
  27. Draw SVG on HTML5 Canvas with support for font element
  28. Canvas text rendering (blurry)
  29. How to place Text and an Image next to each other in HTML?
  30. CSS triangle containing text

Leave a Comment