让用户手动裁剪具有特定大小的图像作为输出

时间:2012-07-25 14:44:56

标签: javascript html image thumbnails crop

我正在尝试在以下教程中找到一些插件: 我希望我网站上的用户可以上传图片,该图片将用作缩略图, 虽然tumbnails具有特定的高度/宽度,因此应该裁剪图像。

虽然因为这些图像将是人物本身的图像,但我不能简单地将其自动切割。我需要一些东西,让用户可以选择使用哪个部分的图像。因此,他们可以选择他们的头部作为个人资料图片。

提前致谢!

1 个答案:

答案 0 :(得分:0)

在php&你可以做imagejpg(使用GD):

if ($_SERVER['REQUEST_METHOD'] == 'POST') {
    $targ_w = $targ_h = 150;
    $jpeg_quality = 80;

    $src = 'upload/test.jpg';
    $img_r = imagecreatefromjpeg($src);
    $dst_r = ImageCreateTrueColor( $targ_w, $targ_h );

    imagecopyresampled($dst_r,$img_r,0,0,$_POST['x'],$_POST['y'],
            $targ_w,$targ_h,$_POST['w'],$_POST['h']);

    imagejpeg($dst_r, 'path/to/output.jpg', $jpeg_quality);

    exit;
}

您也可以使用ImageMagick根据发送回服务器的画布坐标进行服务器端处理,而不是GD。

然而......你也可以从canvas发送原始数据.. canvas可以渲染jpg(客户端),然后你base64编码并上传它(再次,但这次是作为创建的缩略图画布)。

希望这有帮助!