ホームページ > ウェブフロントエンド > jsチュートリアル > js jquery は画像トリミング function_jquery を実装します

js jquery は画像トリミング function_jquery を実装します

WBOY
リリース: 2016-05-16 16:22:37
オリジナル
1282 人が閲覧しました

現在、大手ウェブサイトのパーソナルセンターを利用すると、個人のアバターをアップロードする機能があります。ユーザーが個人の写真をアップロードした後、それが Web サイトの要件を満たしていない可能性があるため、ユーザーは写真をトリミングするように求められ、最終的にユーザーのトリミングされたサイズに基づいてアバターが生成されます。この機能は本当に素晴らしい、jsを理解していなかった私にはすごい、すごいと感じました。いつか内部のテクノロジーを理解できるようになると思っていました、それはなんて素晴らしいことでしょう~皆さんも私と同じ考えですか~ははは~~

JavaScriptを使用してこの機能を実装してみましょう。

コードをコピー コードは次のとおりです:


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


clip




 
使用方法

    

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


   

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


   

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


   

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




     

  •      

       

  •    

  •      

       





は、極度の酷評、小さな伴侶、学習本の例の思考回路ではありません。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート