Image Rotator

by SerGen

JavaScript

var i = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAA+klEQVQoU2N8/vz5fwYyACM2jW/fvWdYtmo9Q2RoAIOIsBBWYzE0fvn6laF30kyGDx8+MggI8DPkpCcyCAsJYmhG0fjjxw+GqbMWMDx5+pyBkZGR4f///wyCggIMuemJYBoZwDX++PGTYcbcRQwPHz1hEBURZoiNDGFYtGw1w5u378A2gmwGuQAGwBp//f7NMHPuYoZ79x9CFGUkMQjw84GdO2XmfAaQn0F+zQZp5ucD6wVr3LpzL8OefYfAgrmZyQxCSM56//4DWPO79x8Y1FWVGTJS4hAa//z5w7Bmw1YGF0dbrKEIsnHVuk0MESEBDIJQ52KNDmKiFQA+53henJo/YAAAAABJRU5ErkJggg==';
var c = document.createElement('canvas');
var cx = c.getContext('2d');

c.width = 80;
c.height = 80;

var img = new Image();
img.onload = function () {
c.width = img.width;
c.height = img.height;
cx.rotate(Math.PI);
cx.drawImage(img,-img.width,-img.height,img.width,img.height);
  document.body.appendChild(c);
};
img.src = i;