Can I turn off antialiasing on an HTML <canvas> element?

antialiasing, canvas, html, javascript

Solution

For images there's now `context.imageSmoothingEnabled``= false`.

However, there's nothing that explicitly controls line drawing. You may need to draw your own lines (the hard way) using `getImageData` and `putImageData`.

Problem

I'm playing around with the `<canvas>` element, drawing lines and such. I've noticed that my diagonal lines are antialiased. I'd prefer the jaggy look for what I'm doing - is there any way of turning this feature off?

Original source

Related problems