Javascript 允许用户手动裁剪特定大小的图像作为输出

我试图在以下教程中找到一些插件： 我希望我的网站上的用户可以上传一个图像，这将被用作缩略图， 虽然Tumbnail具有特定的高/宽，但图像应该被裁剪

虽然因为这些图像将是人本身的图像，我不能简单地自动记录它。我需要的东西，让用户有可能选择哪一部分的图像将被使用。这样他们就可以选择他们的头部作为轮廓图像

提前谢谢

在php&（使用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;
}

除了GD，您还可以使用ImageMagick根据发送回服务器的画布坐标进行服务器端处理

然而。。。您还可以从画布发送原始数据。。canvas可以将jpg（客户端）渲染到，然后对其进行base64编码并上载（同样，但这次是作为在canvas中创建的缩略图）

---

希望这有帮助

不要尝试使用Javascript进行图像处理。你需要一些服务器端的东西，比如gd2 for PHP.ic，尽管我正在寻找某种类型的区域选择器，它将用作新图像。如果你使用jQuery，它是一个很棒的插件。jCrop有一个缩略图功能，这正是我所需要的，尽管我找不到任何关于如何将输出保存为服务器上的文件的教程：S