JSFiddle - React, Tailwind, and code Playground

by tjerabek

HTML

<canvas id="myCanvas" width="250" height="250"></canvas>

JavaScript

var elem = document.getElementById('myCanvas');
var image = new Image();
        image.src = "http://www.modernisvatba.cz/Blog/css/theme/1/content/presentation-background.jpg";
// Odkaz na canvas

// Vždy kontrolujte dostupnost vlastností a metod, to aby skript skript
// v nějakém prohlížeči "nehavaroval".
if (elem && elem.getContext) {
    // získáme 2d context.
    // Zapamatujte si: pro jednu značku canvas můžete inicializovat jen 1 context.
    var context = elem.getContext('2d');
    if (context) {
        context.clearRect(0, 0, 1238, 664);
        // Nyní nakreslíme obdélník.
        // Zadáme souřadnice x,y následované šířkou a výškou.
        

        context.drawImage(image, 0, 0);

    }
}
init();

function init() {
    console.log(image.left);
}