Есть ли библиотека для кропа изображений при загрузке?

Question

[Toast]

Необходимо загружать изображения определенных пропорций на сайт, из которых потом наделаются копии разных размеров. Задача в том что если просто автоматом обрезать то можно, что то лишнее отрезать.
Есть ли какая-нибудь библиотека позволяющая клиенту задать кроп и потом обрезать на сервере?

Answer 1

[Alexander Sydorenko]

Посмотрите jcrop, очень даже ничего для этих целей.

Вот ссылка для ленивых :) deepliquid.com/projects/Jcrop/demos.php

Comments

[Toast]

Посмотрел, то что нужно. С серверной частью проблем нет, реализована с помощью Intervention Image. На сколько я понял загрузкой пользовательской картинки в дом он не занимается? То есть самому надо реализовать выбор и подгрузку на страницу, хочется сразу отправлять картинку с параметрами кропа.

[Alexander Sydorenko]

Toast: Там есть на страничке примера вариант с thumbnail на основе пользовательского кропа, посмотрите как он реализован deepliquid.com/projects/Jcrop/demos.php?demo=thumbnail. Это то что Вы спрашивали?

[Alexander Sydorenko]

Toast: И да он само собой умеет отправлять на сервер картинку с параметрами кропа, передает x, y и w, h

[Toast]

Alexander Sydorenko: На счет координат и прочего это понятно, примеры доходчивые. Я имею в виду на страничке кнопка "выбрать картинку" (или драг н дроп), при выборе подгрузить ее на страницу чтобы пользователь видел. То есть без ajax и перезагрузки страницы. Он выбрал картинку она сразу отобразилась в браузере (без аплода на сервер) он ее кропнул и тогда уже все данные пошли на сервер. Может я не туда смотрю, но там нету выбора. Вот о чем я говорю www.formget.com/tutorial/Live_demo_ajax_upload_ima... , загрузка на сервер не происходит. Если это можно реализовать только jcrop буду копать его.

[Alexander Sydorenko]

Toast: а.. нет, такого нет, или я не верно его готовил.. но у меня схема была такая - загрузка картинки в папку для не обработанных, отображение в диалоге кропа, редактирование, кроп и сохранение на сервере в папке для кропнутых(удаление оригинала если надо для экономии места)

Answer 2

[OlegLazarenko]

GD вполне справится с такой задачей

Answer 3

[HangGlider]

Тут две задачи - решение для фронта и решение для серверной части

Для фронта Alexander Sydorenko уже порекомендовал jcrop, который будет передавать координаты.

Для сервера, попробуйте Imagine, что бы не забивать голову низким уровнем GD или imagic: www.slideshare.net/avalanche123/introduction-toimagine

Answer 4

[Илья Плотников]

wideimage.sourceforge.net

Answer 5

[Андрей Силаев]

function resize($file_input, $file_output, $w_o, $h_o, $compress = '90', $percent = false) {
	list($w_i, $h_i, $type) = getimagesize($file_input);
	if (!$w_i || !$h_i) {
		echo 'Невозможно получить длину и ширину изображения';
		return;
    }
    $types = array('','gif','jpeg','png');
    $ext = $types[$type];
    if ($ext) {
    	$func = 'imagecreatefrom'.$ext;
    	$img = $func($file_input);
    } else {
    	echo 'Некорректный формат файла';
		return;
    }
	if ($percent) {
		$w_o *= $w_i / 100;
		$h_o *= $h_i / 100;
	}
	if (!$h_o) $h_o = $w_o/($w_i/$h_i);
	if (!$w_o) $w_o = $h_o/($h_i/$w_i);
	$img_o = imagecreatetruecolor($w_o, $h_o);
	imagecopyresampled($img_o, $img, 0, 0, 0, 0, $w_o, $h_o, $w_i, $h_i);
	if ($type == 2) {
		return imagejpeg($img_o,$file_output,$compress);
	} else {
		$func = 'image'.$ext;
		return $func($img_o,$file_output);
	}
}

function crop($file_input, $file_output, $crop = 'square',$percent = false) {
	list($w_i, $h_i, $type) = getimagesize($file_input);
	if (!$w_i || !$h_i) {
		echo 'Невозможно получить длину и ширину изображения';
		return;
    }
    $types = array('','gif','jpeg','png');
    $ext = $types[$type];
    if ($ext) {
    	$func = 'imagecreatefrom'.$ext;
    	$img = $func($file_input);
    } else {
    	echo 'Некорректный формат файла';
		return;
    }
	if ($crop == 'square') {
		$min = $w_i;
		if ($w_i > $h_i) $min = $h_i;
		$w_o = $h_o = $min;
	} else {
		list($x_o, $y_o, $w_o, $h_o) = $crop;
		if ($percent) {
			$w_o *= $w_i / 100;
			$h_o *= $h_i / 100;
			$x_o *= $w_i / 100;
			$y_o *= $h_i / 100;
		}
    	if ($w_o < 0) $w_o += $w_i;
	    $w_o -= $x_o;
	   	if ($h_o < 0) $h_o += $h_i;
		$h_o -= $y_o;
	}
	$img_o = imagecreatetruecolor($w_o, $h_o);
	imagecopy($img_o, $img, 0, 0, $x_o, $y_o, $w_o, $h_o);
	if ($type == 2) {
		return imagejpeg($img_o,$file_output,100);
	} else {
		$func = 'image'.$ext;
		return $func($img_o,$file_output);
	}
}

Answer 6

[Михаил Шапшай]

tympanus.net/codrops/2014/10/30/resizing-cropping-...