いくつかの Web サイトに画像の切り取り機能があるのを見て、それは素晴らしいと思いました。その後、画像の切り取りに特化したプラグイン、jquery.Jcrop.min.js を見つけました。このプラグインは、この機能を簡単に実現できます。使用方法 画像の上にマウスを置いて選択範囲を選択すると、選択した部分に画像を切り取ることができます。これは、アバターのトリミングおよび編集機能に非常に適しています。フロントエンド UI 共有
i のデモは 2 つの部分に分かれています: HTML と PHP:
の最初の部分、HTML コード:
" "http://www.w3.org/TR/xhtml1。 /DTD/xhtml1-transitional.dtd">
;
-
-
- /head>
-
-
-
-
-
パート 2: PHP 処理部分: jquery 共有-
-
.Code -
-
- if ($_SERVER['REQUEST_METHOD'] == 'POST')
- $targ_w = $targ_h = 150;
- $jpeg_quality = 90; $src = './image/b4.jpg';
- $img_r = imagecreatefromjpeg($src);
- imagecopyresampled($dst_r,$im g_r,0,0); ,$_POST ['x'],$_POST['y'],
- $targ_w,$targ_h,$_POST['w'],$_POST['h']); : image/ jpeg');
- imagejpeg($dst_r,null,$jpeg_quality);
- ?> 上記の 2 つの部分を 2 つに分けて保存してくださいファイル, ファイル名 自作。
-