Drawing a dot on HTML5 canvas [duplicate]

by

For performance reasons, don’t draw a circle if you can avoid it. Just draw a rectangle with a width and height of one:

ctx.fillRect(10,10,1,1); // fill in the pixel at (10,10)

More Related Contents:

  1. HTML5 Canvas Rotate Image
  2. Draw on HTML5 Canvas using a mouse
  3. Html5 canvas drawImage: how to apply antialiasing
  4. html5 – canvas element – Multiple layers
  5. How to Copy Contents of One Canvas to Another Canvas Locally
  6. Canvas drawings, like lines, are blurry
  7. Drawing text to with @font-face does not work at the first time
  8. What’s the best way to set a single pixel in an HTML5 canvas?
  9. How to change the opacity (alpha, transparency) of an element in a canvas element?
  10. using HTML5 Canvas – rotate image about arbitrary point
  11. How to make rooftext effect and valley text effect in HTML5 (or Fabric.js)
  12. get click event of each rectangle inside canvas?
  13. HTML5 Canvas getImageData and Same Origin Policy
  14. canvas default size
  15. How can I write text on a HTML5 canvas element?
  16. Animated GIF in HTML5 canvas
  17. Gradient Stroke Along Curve in Canvas
  18. Chart.js canvas resize
  19. HTML5 Canvas background image
  20. Placing a within a
  21. Combining two or more Canvas elements with some sort of blending
  22. All html canvas shapes are given the color of the last object added
  23. What is the difference between SVG and HTML5 Canvas?
  24. Subpixel anti-aliased text on HTML5’s canvas element
  25. Create links in HTML canvas
  26. Browser Canvas CORS Support for Cross Domain Loaded Image Manipulation
  27. Draw SVG on HTML5 Canvas with support for font element
  28. Content Security Policy: “img-src ‘self’ data:”
  29. “Erasing” in html5 canvas
  30. HTML5 Canvas and Line Width

Leave a Comment