@imdgssx

Как написать программу на js, которая будет менять фон ячейки в сетке при нажатии на неё мышкой?

Вот такая сетка.
636a6d59585cc496181062.png
Прикрепляю код.
const canvas = document.getElementById("canvas");
	    const ctx = canvas.getContext("2d");
       
        ctx.beginPath();
        for (let i = 0; i < 10; i++) {
            ctx.moveTo(100, 100 + i*20);
            ctx.lineTo(300, 100 + i*20);
        } 
        for (let j = 0; j < 11; j++) {
            ctx.moveTo(100 + j*20, 100);
            ctx.lineTo(100 + j*20, 280);
        }
        ctx.stroke();
  • Вопрос задан
  • 112 просмотров
Решения вопроса 2
twobomb
@twobomb
canvas.onclick = function (ev) {
    ctx.fillStyle = "#FF0000AA";
    if (
      ev.offsetX >= 100 &&
      ev.offsetX <= 300 &&
      ev.offsetY >= 100 &&
      ev.offsetY <= 280
    )
      ctx.fillRect(
        Math.floor(ev.offsetX / 20) * 20,
        Math.floor(ev.offsetY / 20) * 20,
        20,
        20
      );
  };
Ответ написан
Комментировать
@historydev Куратор тега JavaScript
Острая аллергия на анимешников
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы