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

Issue

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?

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.

Answered By – Kornel

Answer Checked By – Gilberto Lyons (AngularFixing Admin)

Leave a Reply

Your email address will not be published.