<canvas> координатное пространство и размеры

Question

Рассмотрим элемент холста HTML размером 4x4 пикселя.

Система координат простирается от (0,0) в левом верхнем углу до (4,4) в нижнем правом.

Это представляетсетка 5x5.

Кажется, что холст сжимает один дополнительный пиксель в каждом измерении, не меняя ширину или высоту.Как мне это объяснить, если я хочу рисовать точные пиксели на холсте NxN?

Answer 1

Координаты (x, y) не индекс пикселей, как если бы холст был двумерным массивом.

В этом случае область между линиями сетки делает совпадают с отдельными пикселями, но если мы будем рассматривать холст как растровое изображение, то пиксель - это пространство между линиями сетки.

Чтобы нарисовать пиксель (i, j) с верхним левым углом в (x,y) do

canvas_context.fillRect(x, y, 1, 1);