JSFiddle - React, Tailwind, and code Playground

by Florian Gropp

HTML

<menu type="context" id="bildmenu">
  <menuitem label="Bild drehen" icon="http://cdn1.iconfinder.com/data/icons/humility-icons-MERGE/16x16/stock/gtk-refresh.png" onclick="bild_drehen()"></menuitem>
  <menuitem label="Bild skalieren" icon="http://cdn1.iconfinder.com/data/icons/fatcow/16x16/transform_scale.png" onclick="bild_skalieren()"></menuitem>
</menu>


<img src="http://lorempixel.com/400/300/food/" id="bild" contextmenu="bildmenu" />

CSS

#bild.drehen {
  -moz-transform: rotate(90deg);
}

#bild.skalieren {
  -moz-transform: scale(0.5);
}

#bild.skalieren.drehen {
  -moz-transform: scale(0.5) rotate(90deg);
}

JavaScript

function bild_drehen() {
  document.querySelector("body").classList.toggle("drehen"); 
}

function bild_skalieren() {   
  document.querySelector("body").classList.toggle("skalieren"); 
}