0

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 を使用するのは難しいことがわかっているため、ヒントや指針をいただければ幸いです。ありがとう

4

1 に答える 1

0

まず、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);
于 2012-09-17T22:01:04.983 に答える