Question

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?

Answer 1

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.