JSFiddle - React, Tailwind, and code Playground

by kentaromiura

HTML

<img id="img" src="https://play.google.com/about/images/home_gaga.jpg" style="">

CSS

canvas{
    margin-left:20mm;
    
}

JavaScript

var canvas = new Element('canvas');
var img = $('img');
var cContext = canvas.getContext('2d');
var cw = img.width, ch = img.height, cx = 0, cy = 0;
cw = img.height;
ch = img.width;
cx = img.width * (-1);
canvas.setAttribute('width', cw);
canvas.setAttribute('height', ch);
cContext.rotate(270 * Math.PI / 180);
cContext.drawImage(img, cx, cy);
var parent = img.parentNode;
        if (parent) parent.insertBefore(canvas, img);
img.dispose()

canvas.setStyle('width', 300)