JSFiddle - React, Tailwind, and code Playground
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("#bild").classList.toggle("drehen");
}
function bild_skalieren() {
document.querySelector("#bild").classList.toggle("skalieren");
}