Php 图片裁剪
Php image cropping
我正在尝试使用 'jcrop' 库裁剪图像,然后在 ajax 中将坐标发送到服务器。
对 PHP 中的图像应用更改时,我没有得到所选区域,但有些东西不规则;有时是图像的缩放,有时是不同的区域裁剪。
如果有任何建议,我将不胜感激,因为我已经研究了两天,并逐渐变得疯狂!
谢谢:)
<b>PHP</b>
<?php
header('Access-Control-Allow-Origin: *');
//header('Content-Type: image/jpeg');
$x1 = $_POST['x1'];
$y1 = $_POST['y1'];
$x2 = $_POST['x2'];
$y2 = $_POST['y2'];
$nw = $_POST['nw']; // new width
$nh = $_POST['nh']; // new height
$src = './uploads/hello.jpeg';
$image = @imagecreatefromjpeg($src)
or die('error imagecreatefromjpeg()');
$width = imagesx($image);
$height = imagesy($image);
$cropped = @imagecreatetruecolor($nw, $nh)
or die('error imagecreatetruecolor()');
$result = @imagecopyresampled($cropped, $image, 0, 0, $x1, $y1, $nw, $nh, $width, $height)
or die("error imagecopyresampled()");
// save image
imagejpeg($cropped, 'test.jpeg', 100);
?>
<b>jQuery</b>
$(document).ready(function () {
var x1, y1, x2, y2, nw, nh;
var width = $('#image').prop('naturalWidth');
var height = $('#image').prop('naturalHeight');
function updateCoords(a) {
x1 = a.x; y1 = a.y;
x2 = a.x2; y2 = a.y2;
nw = a.w; nh = a.h;
}
$('#image').Jcrop({
trueSize: [width, height],
onSelect: updateCoords,
onChange: updateCoords,
boxWidth: width,
boxHeight: height
});
$('#button').click(function (e) {
e.preventDefault();
$.ajax({
url: 'http://webaddress/server/crop.php',
type: 'POST',
crossDomain: true,
data: {
x1: x1, y1: y1,
x2: x2, y2: y2,
nw: nw, nh: nh
}
}).done(function (response) {
console.log("Server:\n" + response);
});
});
});
<b>HTML</b>
<img id="image" src="hello.jpeg" alt="image"/>
<button id="button">Crop</button>
在您的情况下,您使用了不正确的功能。 imagecopyresampled
可以改变图片大小。
裁剪功能的最佳选择是imagecopy
试试改成这个
$result = @imagecopy($cropped, $image, 0, 0, $x1, $y1, $nw, $nh)
or die("error imagecopy()");
功能手册 imagecopy
我正在尝试使用 'jcrop' 库裁剪图像,然后在 ajax 中将坐标发送到服务器。 对 PHP 中的图像应用更改时,我没有得到所选区域,但有些东西不规则;有时是图像的缩放,有时是不同的区域裁剪。
如果有任何建议,我将不胜感激,因为我已经研究了两天,并逐渐变得疯狂!
谢谢:)
<b>PHP</b>
<?php
header('Access-Control-Allow-Origin: *');
//header('Content-Type: image/jpeg');
$x1 = $_POST['x1'];
$y1 = $_POST['y1'];
$x2 = $_POST['x2'];
$y2 = $_POST['y2'];
$nw = $_POST['nw']; // new width
$nh = $_POST['nh']; // new height
$src = './uploads/hello.jpeg';
$image = @imagecreatefromjpeg($src)
or die('error imagecreatefromjpeg()');
$width = imagesx($image);
$height = imagesy($image);
$cropped = @imagecreatetruecolor($nw, $nh)
or die('error imagecreatetruecolor()');
$result = @imagecopyresampled($cropped, $image, 0, 0, $x1, $y1, $nw, $nh, $width, $height)
or die("error imagecopyresampled()");
// save image
imagejpeg($cropped, 'test.jpeg', 100);
?>
<b>jQuery</b>
$(document).ready(function () {
var x1, y1, x2, y2, nw, nh;
var width = $('#image').prop('naturalWidth');
var height = $('#image').prop('naturalHeight');
function updateCoords(a) {
x1 = a.x; y1 = a.y;
x2 = a.x2; y2 = a.y2;
nw = a.w; nh = a.h;
}
$('#image').Jcrop({
trueSize: [width, height],
onSelect: updateCoords,
onChange: updateCoords,
boxWidth: width,
boxHeight: height
});
$('#button').click(function (e) {
e.preventDefault();
$.ajax({
url: 'http://webaddress/server/crop.php',
type: 'POST',
crossDomain: true,
data: {
x1: x1, y1: y1,
x2: x2, y2: y2,
nw: nw, nh: nh
}
}).done(function (response) {
console.log("Server:\n" + response);
});
});
});
<b>HTML</b>
<img id="image" src="hello.jpeg" alt="image"/>
<button id="button">Crop</button>
在您的情况下,您使用了不正确的功能。 imagecopyresampled
可以改变图片大小。
裁剪功能的最佳选择是imagecopy
试试改成这个
$result = @imagecopy($cropped, $image, 0, 0, $x1, $y1, $nw, $nh)
or die("error imagecopy()");
功能手册 imagecopy