So rufen Sie die Methode rotate in cropperjs auf

Question

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.

<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> 

Answer 1

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.