Question

78

rated 0 times [ 82] [ 4] / answers: 1 / hits: 44690 / 12 Years ago, fri, december 14, 2012, 12:00:00

In this jsfiddle there's a line with a lineWidth of 1.

e.g:

ctx.lineWidth = 1;

However the line is 2px thick when it's drawn on the canvas, how do you create a 1px thick line.

I could draw a rectangle (with 1px height) however I want the line to also work on diagonals. So how do you get this line to be 1px high?

Thanks!

Only authorized users can answer the question. Please sign in first, or register a free account.

Total Points: 736

Total Questions: 111

Total Answers: 90

Location: Saint Pierre and Miquelon

Member since Fri, Jan 28, 2022

2 Years ago

amari questions

Mon, May 23, 22, 00:00, 2 Years ago

Mon, Jun 21, 21, 00:00, 3 Years ago

Thu, Jun 3, 21, 00:00, 3 Years ago

Sat, May 15, 21, 00:00, 3 Years ago

Wed, Mar 3, 21, 00:00, 3 Years ago

answered 12 Years ago abagail · Accepted Answer

Canvas calculates from the half of a pixel

ctx.moveTo(50,150.5);

ctx.lineTo(150,150.5);

So starting at a half will fix it

This answer explains why it works that way.