2016-03-31 6 views
0

Ich benutze cropperjs, ich möchte eine Schaltfläche erstellen, um die rotate-Methode in cropperjs aufzurufen, d. H. Eine Schaltfläche für 90 Grad im Uhrzeigersinn und 90 Grad gegen den Uhrzeigersinn. Ich habe den folgenden Code ausprobiert, aber nicht funktioniert.So rufen Sie die Methode rotate in cropperjs auf

<script> 
     window.addEventListener('DOMContentLoaded', function() { 

      var image = document.getElementById('image'); 
      var imgRotate = document.getElementById('rotateImg'); 
      var cropper = new Cropper(image, { 
       aspectRatio: 20/15, 

       built: function() { 

       } 
      }); 

      document.getElementById('rotateImg').onClick = function() { 
       cropper.rotate(90); 
      }; 
     }); 
    </script> 
+0

Ich habe ein Skript hinzugefügt. Bitte überprüfen Sie die Frage erneut –

+0

Nizza! Was läuft falsch, wenn Sie dieses Skript verwenden? Läuft Ihre onClick-Funktion wie erwartet? Feuern überhaupt? Gibt es Fehler in der Konsole? – Hypaethral

+0

Keine Fehler. Meine Protokolle drucken nicht einmal –

Antwort

0

Zwei Schritte:

1) Ihre Funktion gewährleisten aufgerufen wird, können Sie es als Folgenden verfolgen.

document.getElementById('rotateImg').onClick = function() { 
console.log("I'm in, go to step 2"); 
    cropper.rotate(90); 
}; 

2) Sie müssen cropper sagen functionnalities Sie verwenden möchten, zu ermöglichen, ist hier ein Beispiel mit unterschiedliche:

cropper = new Cropper(image, { 
     movable: true, 
     zoomable: true, 
     rotatable: true, 
     scalable: true 
    }); 

Hope this Ihnen helfen, Zeit zu sparen.

+0

danke sehr, buh das habe ich schon probiert. Ich habe das Problem gelöst, siehe obigen Kommentar –