JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="canvas"></canvas>

JavaScript

var x = 0;
var y = 0;
var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");
var img = new Image();
img.src = "../img/logo@2x.png";
img.onload = function() {
  context.drawImage(img, x, y); 
};  
document.onkeydown=function(e) {
  key = window.event?e.keyCode:e.which;
  if (key == 37) {
    x -= 2;
  }   
  else if (key == 38) {
    y -= 2;
  }   
  else if (key == 39) {
    x += 2;
  }   
  else if (key == 40) {
    y += 2;
  }   
  render();
}   
function render() {
  context.clearRect(0, 0, canvas.width, canvas.height);
  context.drawImage(img, x, y); 
}