Why changing canvas size resets its parameters?

by

Because when you change the canvas width or height parameters, every properties of the attached context are reset to their default.

From specs

When the canvas element is created, and subsequently whenever the width and height attributes are set (whether to a new value or to the previous value), the bitmap and any associated contexts must be cleared back to their initial state and reinitialized with the newly specified coordinate space dimensions.

More Related Contents:

  1. Canvas toDataURL() returns blank image
  2. Canvas Draw Image issue on firefox, works well in chrome
  3. Using HTML5/Canvas/JavaScript to take in-browser screenshots
  4. Capture HTML Canvas as gif/jpg/png/pdf?
  5. Zoom Canvas to Mouse Cursor
  6. Can I call jQuery’s click() to follow an link if I haven’t bound an event handler to it with bind or click already?
  7. Ajax, back button and DOM updates
  8. Zoom in on a point (using scale and translate)
  9. How to getting browser current locale preference using javascript?
  10. Save base64 string as PDF at client side with JavaScript
  11. How to resize html canvas element?
  12. Animated gif only loops once in Chrome and Firefox
  13. How to turn off caching on Firefox?
  14. How do I rotate a single object on an html 5 canvas?
  15. Mozilla firefox not working with window.onbeforeunload
  16. How can I animate a progressive drawing of svg path?
  17. How to determine the intended frame-rate on an html video element
  18. Saving canvas to image via canvas.toDataURL results in black rectangle
  19. event.target on Firefox
  20. clearRect not working
  21. Proper way to detect WebGL support?
  22. Handling connection loss with websockets
  23. canvas getContext(“2d”) returns null
  24. Why does my canvas go blank after converting to image?
  25. onKeyPress event in Firefox and IE8
  26. Firefox Add-On window.navigator.userAgent error: window not defined
  27. Crop Functionality using FabricJs
  28. Emulate clicking a link with Javascript that works with IE
  29. how to skew image like this
  30. How to use “segments” mode at SourceBuffer of MediaSource to render same result at Chomium, Chorme and Firefox?

Leave a Comment