PHP と JQueryJcrop を組み合わせてアバター画像のトリミングのサンプル コードを実装する

WBOY
リリース: 2016-06-23 13:51:32
オリジナル
881 人が閲覧しました

いくつかの Web サイトに画像の切り取り機能があるのを見て、それは素晴らしいと思いました。その後、画像の切り取りに特化したプラグイン、jquery.Jcrop.min.js を見つけました。このプラグインは、この機能を簡単に実現できます。使用方法 画像の上にマウスを置いて選択範囲を選択すると、選択した部分に画像を切り取ることができます。これは、アバターのトリミングおよび編集機能に非常に適しています。フロントエンド UI 共有

i のデモは 2 つの部分に分かれています: HTML と PHP:

の最初の部分、HTML コード:

" "http://www.w3.org/TR/xhtml1。 /DTD/xhtml1-transitional.dtd">

;

  1. /head>
  2. "y" name="y" />
  3. パート 2: PHP 処理部分: jquery 共有
  4. .Code
    1. if ($_SERVER['REQUEST_METHOD'] == 'POST')
    2. $targ_w = $targ_h = 150;
    3. $jpeg_quality = 90; $src = './image/b4.jpg';
    4. $img_r = imagecreatefromjpeg($src);
    5. imagecopyresampled($dst_r,$im g_r,0,0); ,$_POST ['x'],$_POST['y'],
    6. $targ_w,$targ_h,$_POST['w'],$_POST['h']); : image/ jpeg');
    7. imagejpeg($dst_r,null,$jpeg_quality);
    8. ?> 上記の 2 つの部分を 2 つに分けて保存してくださいファイル, ファイル名 自作。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート