js jquery implémente la fonction de recadrage d'image_jquery

Désormais, lorsque nous utilisons le centre personnel des principaux sites Web, nous avons une fonction pour télécharger des avatars personnels. Une fois que l'utilisateur a téléchargé une photo personnelle, celle-ci peut ne pas répondre aux exigences du site Web. L'utilisateur est donc invité à recadrer la photo et enfin, un avatar est généré en fonction de la taille recadrée de l'utilisateur. Cette fonction est vraiment géniale. Quand je ne comprenais pas js, c'était incroyable, tellement incroyable. Je pensais qu'un jour je pourrais comprendre la technologie à l'intérieur, à quel point ce serait génial~ Avez-vous tous les mêmes pensées que moi~ Haha~~

Utilisons javascript pour implémenter cette fonction.

Copier le code Le code est le suivant :

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

 
• 
       
  
     

   
• 
       
  
     

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