2016-03-31 18 views
0

cropperjs kullanıyorum, cropperjs'de döndürme yöntemini çağırmak için bir düğme oluşturmak istiyorum, yani saat yönünde 90 derece ve saat yönünün tersine 90 derece bir düğme var. Aşağıdaki kodu denedim ama çalışmadı.cropperjs'de döndürme yöntemi nasıl kullanılır?

<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

Bir komut dosyası ekledim. lütfen soruyu tekrar kontrol edin –

+0

Güzel! Bu komut dosyasını kullanırken neyin yanlış gidiyor? OnClick işleviniz beklendiği gibi çalışıyor mu? Ateş mi ediyorsun? Konsolda herhangi bir hata var mı? – Hypaethral

+0

Hata yok. günlüklerim bile yazdırmıyor –

cevap

0

İki adım:

1) Lütfen fonksiyon denir sağlamak için aşağıdakilerden olarak takip edebilirsiniz. Bu zaman kazanmak için size yardımcı olacaktır

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

Umut: Kullanmak istediğiniz functionnalities izin ekin söylememe gerek

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

2), burada farklı olanlarla bir örnektir.

+0

çok teşekkürler, bunu zaten denedim. Sorunu çözdüm, lütfen yukarıdaki yorumu okuyun –

İlgili konular