如何获取图像裁剪的坐标

Question

我正在尝试实现 YUI 图像裁剪器。我对 Javascript 几乎一无所知——显然很难理解它是如何工作的。谁能指出我正确的方向，以便能够获取图像裁剪区域的坐标，以便我可以将这些传递给 PHP 脚本以在将图像保存到文件之前进行裁剪。到目前为止，我得到了我想要裁剪的图像以及可以拖动并使用手柄来放大和缩小的裁剪区域：

<script>
// Create a YUI sandbox on your page.
YUI().use('node', 'event', function (Y) {
// The Node and Event modules are loaded and ready to use.

var imgCrop = new YAHOO.widget.ImageCropper('crop1',
 { 
           minHeight: 100,
           minWidth: 200,
           initHeight: 100,
           initWidth: 200
        });

        var cropArea = imgCrop.getCropCoords();

});
</script>

<?php

<img src='$approve' id='crop1' />

?>

非常感谢任何提示和指示，因为使用 YUI 很困难。谢谢

Answer 1

首先，您可以使用 PHP 裁剪图像，那么为什么还要麻烦使用您不熟悉的语言呢？

其次，您裁剪图像的目的是什么？缩略图？

这是一个您可能会从中受益的示例。这会创建一个 100x100（调整大小和裁剪）的原始图像缩略图。

if(preg_match('/[.](jpg)$/', $tfile)) {
    $image = imagecreatefromjpeg($ufile);
} else if (preg_match('/[.](gif)$/', $tfile)) {
    $image = imagecreatefromgif($ufile);
} else if (preg_match('/[.](png)$/', $tfile)) {
    $image = imagecreatefrompng($ufile);
}
$oldx = imagesx($image);
$oldy = imagesy($image);
if ($oldx > $oldy) {
    $offx = ($oldx-$oldy)/2;
    $offy = 0;
    $oldx = $oldy;
} elseif ($oldy > $oldx) {
    $offx = 0;
    $offy = ($oldy-$oldx)/2;
    $oldy = $oldx;
} else {
    $offx = 0;
    $offy = 0;
}
$newim = imagecreatetruecolor(100, 100);
imagecopyresampled($newim, $image, 0, 0, $offx, $offy, 100, 100, $oldx, $oldy);