How to fill the whole canvas with specific color?

by

Yes, fill in a Rectangle with a solid color across the canvas, use the height and width of the canvas itself:

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.fillStyle = "blue";
ctx.fillRect(0, 0, canvas.width, canvas.height);
canvas{ border: 1px solid black; }
<canvas width=300 height=150 id="canvas">

More Related Contents:

  1. How to clear the canvas for redrawing
  2. Get a pixel from HTML Canvas?
  3. HTML5 Canvas Resize (Downscale) Image High Quality?
  4. Resize image with javascript canvas (smoothly)
  5. Disable Interpolation when Scaling a
  6. How to draw an inline svg (in DOM) to a canvas?
  7. How to draw an oval in html5 canvas?
  8. Convert SVG to PNG with applied images as background to svg elements
  9. Best way to detect that HTML5 is not supported
  10. Getting mouse location in canvas [duplicate]
  11. JavaScript: Extract video frames reliably
  12. Capture frames from video with HTML5 and JavaScript
  13. How to draw polygons on an HTML5 canvas?
  14. JavaScript: getting ImageData without canvas
  15. jQuery equivalent of getting the context of a Canvas
  16. Load image from url and draw to HTML5 Canvas
  17. HTML Canvas: How to draw a flipped/mirrored image?
  18. make canvas as wide and as high as parent
  19. HTML5 responsive canvas: resizing the browser canvas draw disappear
  20. HTML canvas – drawing disappear on resizing
  21. getting mouse position with javascript within canvas
  22. Is there a way to curve / arc text using CSS3 / Canvas
  23. dotted stroke in
  24. How to scale an imageData in HTML canvas?
  25. draw 10,000 objects on canvas javascript
  26. Canvas text rendering (blurry)
  27. How to detect shape on a transparent canvas?
  28. HTML Canvas Full Screen
  29. javascript: upload image file and draw it into a canvas
  30. Extracting single frames from an animated GIF to canvas

Leave a Comment