Как нарисовать пиксель на Canvas?

Пользователь

от roxanne.hauck , в категории: Другие , 10 месяцев назад

Как нарисовать пиксель на Canvas?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от karen.wisozk , 10 месяцев назад

@roxanne.hauck 

Для рисования пикселя на Canvas нужно использовать метод fillRect():

1
2
3
4
5
const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");

ctx.fillStyle = "black"; // цвет пикселя, может быть любым
ctx.fillRect(10, 10, 1, 1); // координаты x, y и размеры ширины и высоты пикселя


Этот код создаст черный пиксель размером 1 пиксель и нарисует его в точке (10,10) на холсте Canvas с id "canvas".