Lukas: Bilder drehen und speichern

Beitrag lesen

SELF-Forum

Bilder drehen und speichern

Lukas
– Informationen zu den Bewertungsregeln

Guten Tag,

nach dem Upload hat der User die Möglichkeit sein Bild zu drehen, dieses erreiche wie derzeit so:

  
<body>  
  
    <img id="img" src="UX1saD-r.jpeg"><br/><br/>  
  
    <button id="drehen1">Drehen 90 </button>  
    <button id="drehen2">Drehen 180</button>  
    <button id="drehen3">Drehen 270</button>  
    <button id="drehen4">Drehen 360</button>  
  
</body>

Das dazugehörige JavaScript lautet so

  
$(document).ready(function() {  
  
        $('#drehen1').click(function(e){  
            $('#img').css('transform', 'rotate(90deg)');  
        });  
  
        $('#drehen2').click(function(e){  
            $('#img').css('transform', 'rotate(180deg)');  
        });  
  
        $('#drehen3').click(function(e){  
            $('#img').css('transform', 'rotate(270deg)');  
        });  
  
        $('#drehen4').click(function(e){  
            $('#img').css('transform', 'rotate(360deg)');  
        });  
  
    });

klappt soweit auch wunderbar. Hier eine Live Version http://jsfiddle.net/jywptyp4/ nur die Frage ist nun, wie kann dieses gedreht Bild gespeichert werden? Habt Ihr eine Idee? Wenn der JS Code besser erstellt werden könnte, bin ich auch hier für jeden Tipp Dankbar!

Beitrag melden
–
Informationen zu den Bewertungsregeln