Есть ли способ использовать изображение в качестве фона холста, не стирая его каждый раз, когда интервал «удаляет» часть экрана? - PullRequest
Новая
       0

Есть ли способ использовать изображение в качестве фона холста, не стирая его каждый раз, когда интервал «удаляет» часть экрана?

0 голосов
/ 13 апреля 2020
  1. Я пишу игру на javascript и устанавливаю фоновое изображение. Я использую интервалы для перемещения символов, и каждый раз, когда я перемещаю символы, мне нужно удалить последний символ (обычная анимация на холсте), поэтому каждый раз, когда он удаляет символ, он также удаляет фоновое изображение. Есть ли способ сделать это изображение реальным фоном холста, чтобы оно не удалялось каждый раз?

1 Ответ

0 голосов
/ 11 мая 2020

Что вы подразумеваете под установить фоновое изображение ? 

function update(){
    context.clearRect(0, 0, canvas.width, canvas.height);

    context.drawImage(background_image);

    //draw other game sprite here

}

setInterval(update, 30);

Если вы это подразумеваете под «установкой фонового изображения», вы все равно должны видеть свое фоновое изображение каждый раз sh вашего холста. Если вы не хотите помещать context.drawImage в свой код, то я предлагаю создать файл CSS для управления фоном вашего холста. Решение ниже:

Образец HTML: 

<head>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <canvas id="my_canvas"></canvas>
</body>

Образец CSS: (стиль. css) 

#my_canvas{
    background-image: url('your_background_image.png');
}

Я надеюсь, что это решит вашу проблему .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...