JSFiddle - React, Tailwind, and code Playground

HTML

<p>Картинка внутри тега &lt;canvas&gt;</p>
<canvas width="500px" height="500px"></canvas>

<!-- пример сайта know-online.com -->

CSS

body {
  font: 12px verdana;
  padding: 5px;
}

JavaScript

var canvas = document.querySelector('canvas');
var ctx = canvas.getContext("2d");

// Сначала создаётся объект Image
var img = new Image();
img.src = "/img/logo.png";

// После загрузки картинки, она вставляется в Canvas
img.onload = function(){
    ctx.drawImage(img, 10, 10);
}