Drawing elements

by jimkennelly

HTML

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

CSS

body {
   background-color: #eef; 
   padding: 5px;   
}

JavaScript

$(document).ready(function(){
drawit();

});

function drawit(){
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");

var img = new Image(100,600);
img.src="https://i.imgur.com/WqZPw8W.png";
ctx.drawImage(img,100,100);
    ctx.rotate(Math.PI); // rotate
    
    }