Drawing to a Canvas Element with JavaScript
Learn how to start drawing and styling content using the Canvas API.
JavaScript
Content:
JavaScript, or JS for short, is a popular scripting language used primarily across the web. It can be used to provide rich, dynamic content, liven up websites, or even just updating content. It forms the basis of popular programming frameworks such as node, react and angular, and libraries such as jquery.
Mastering JS can be a very useful skill – take a look at our tutorials to learn more.
Guides:
Providing a Fallback for an HTML Canvas
Decide what to display when the browser does not support the canvas element.
Control the Frame Rate of requestAnimationFrame Callbacks
Drawing to a canvas can place high load on a system. Here's how you can control your canvas drawing rate to reduce this.
Increasing Canvas Performance with Offscreen Rendering
Canvas rendering can cause massive slowdown on your site. Using an offscreen canvas can get things running smoothly again.
Using Web Workers to Increase JavaScript Performance
Boost the performance of your site by running your JS in separate threads.
Explaining the Double Not (!!) Operator
Ever wondered what the !! operator means, and when you might want to use it? Wonder no more - this article explains it all.
5 JavaScript Pitfalls To Avoid
Here are 5 pitfalls you'll want to avoid when getting started with JavaScript.
Quirks of Comparisons in JavaScript
Comparisons are a key part of any application - but unfortunately, come with a few quirks. This article will show you how to avoid them.
Shorthand Null Handling in Javascript
Handling nullish values is a common requirement in any application. This guide will walk you through a couple of shorthand techniques to handle nullish values in JavaScript.
Why Your Event Listeners Only Apply to the Last List Element
If you've found your event listeners are missing after appending HTML to an element, this article should help you out.