Показать сообщение отдельно
  #2 (permalink)  
Старый 15.09.2018, 10:51
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,135

Всемогущий,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>


</head>

<body>
<canvas id="myCanvas" width="500" height="300"></canvas>
 <script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
var x = 0;
var y = 0;

function draw(x, y) {
ctx.drawImage(imagesi,x,y,40,40);
}

function move() {
 x++;
 y++;
}

function game() {
       ctx.clearRect(0, 0, canvas.width, canvas.height);
       move();
       draw(x, y);
       requestAnimationFrame(game)
}


var imagesi = new Image();
imagesi.onload = game;
imagesi.src="http://image.etov.ua/storage/40x40/0/9/d/2/09d2e9ed3c1526e8eb0c90171cba85b4.jpg";





  </script>
</body>
</html>
Ответить с цитированием