js jquery implementiert die Funktion zum Zuschneiden von Bildern_jquery

Wenn wir jetzt das persönliche Zentrum großer Websites nutzen, haben wir eine Funktion zum Hochladen persönlicher Avatare. Nachdem der Benutzer ein persönliches Foto hochgeladen hat, entspricht es möglicherweise nicht den Anforderungen der Website. Daher wird der Benutzer aufgefordert, das Foto zuzuschneiden. Anschließend wird ein Avatar basierend auf der zugeschnittenen Größe des Benutzers generiert. Diese Funktion ist wirklich großartig. Als ich js nicht verstand, fühlte es sich erstaunlich an, so erstaunlich. Ich dachte, dass ich eines Tages die Technologie im Inneren verstehen könnte, wie großartig sie sein würde ~ Habt ihr alle die gleichen Gedanken wie ich ~ Haha ~~

Lassen Sie uns Javascript verwenden, um diese Funktion zu implementieren.

Code kopieren Der Code lautet wie folgt:

http://www.w3.org/1999/xhtml">

 

使用方法

    

$("#container").clip({
  imgC : $("#imgC"),
        blockClass : "block",
        tipsClass  : "tips"       
 });

   

imgC : 表示裁剪图片的容器,也就是右边的图

   

blockClass : block的样式名  也就是页面上的可以拖动的滑块的样式 因为怕和别的页面上的样式重名  默认是block

   

tipsClass  : tips的样式名   也就是页面上显示left width height top的那个span的样式名 默认是tips

 
• 
       
  
     

   
• 
       
  
     

是不是很炫酷啊，小伙伴们，学学本示例的思路吧。