Syntax error Enhance real-time performance on HTML5 canvas effects

Enhance real-time performance on HTML5 canvas effects



To enhance HTML5 canvas performance:

  • Image smoothing should be disabled
  • Render in half resolution
  • Use drawImage() to update main canvas 
  • You need to use integer coordinates and sizes
  • Usage of requestAnimationFrame() 
  • You need to use while loops as often as you can
Updated on: 2020-01-28T10:33:37+05:30

545 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements