[APORTE] Subir y redimensionar imagenes

[destor77]

estaría bueno que haya un método para recortar imágenes

[abimaelrc]

Estaría bueno, pero ya eso posiblemente requiera de javascript y se estaría yendo del enfoque de este aporte. Aunque hay muchas formas de hacer lo que estás indicando sería bueno que indicaras específicamente a lo que te refieres.

[destor77]

yo no digo hacer un crop como en jquery, sino a un método que le pasen unas coordenadas de x e y y la cantidad de pixeles a recortar por ejemplo:

Código PHP:

public function recortar($x,$y,$ancho,$alto){
.....
}
 

y que después lo llamemos asi:

Código PHP:

$this->image->recortar(15,35,94,100);
 

donde:
15 -> es el eje x donde empezar
35 -> es el eje y donde empezar
94 -> es el ancho a cortar desde el eje x
100 -> es el alto a cortar desde el eje y

supongo que debe haber una mejor forma, por eso tiraba la idea a lo mejor otro tiene armado algo que podemos integrar acá.

[abimaelrc]

Bueno me imagino que es un crop, pero todo hecho en PHP. Según lo que entendí.

[destor77]

Iniciado por abimaelrc

Bueno me imagino que es un crop, pero todo hecho en PHP. Según lo que entendí.

Exactamente, pero sin js ni nada visual que sea todo en php, les gusta la idea?

[abimaelrc]

La idea está buena para aprender a hacerlo, pero en cuanto a práctico es bien difícil visualizar como ayudaría, sin saber de que putno a qué punto se debería cortar. Lo práctico sería que el usuario que quiera cropear la imagen seleccione de que punto a que punto se debe hacer, es lo que yo entiendo que sería más práctico.

Pero si brindas más información tal vez hagas que cambie de parecer

[iviamontes]

@abimaelrc a tu consideración:

por si se quiere poner una marca de agua de solo texto.


modo de uso

Código PHP:

  $color = array("R"=>0, "G"=>0,"B"=>255);
$image->textwatermark('cadena', 'button', $color); 
   

Código PHP:

   public function textwatermark($string, $position="button", $color = array( "R"=>0, "G"=>0,"B"=>0 ) ){
        $x = $y = 0;
        switch($position)
        {
            case "top":    
                    break;
            case "button":
                    $x = ($this->getWidth() - strlen($string)*10) + 5 ;
                    $y = $this->getHeight() - 20; 
                    break;
          case "middle":
                    $x = ( $this->getWidth() - strlen($string)*10 ) / 2; 
                    $y = $this->getHeight() / 2; 
                    break;    
        }
        $textcolor = imagecolorallocate($this->_image, $color['R'], $color['G'], $color['B']);
        imagestring($this->_image, 5, $x, $y, $string, $textcolor    );
        return $this->_image;
    } 
   

Nota:No puse el texto semitransparente para dejarlo a tu consideración...
un método más para nuestro "monstruo phpero"

[abimaelrc]

Sí lo pensé, ya que en el manual oficial, en la parte de los ejemplos, lo enseñan como hacerlo con un texto y background, lo analizo y te dejo saber cuando lo voy a añadir También debe haber la opción de que sea transparente, ya que es la mejor forma de evitar que se quite la marca de agua, lo que se puede hacer para aquella persona que no lo quiera que sea 100 y si lo quiere cambiar lo puede hacer, pero es opcional

[iviamontes]

ok, me parece bueno eso de la transparencia, quiero ver si lo hago hoy por la noche, pq en el trabajo me parece que no será posible hoy.

[abimaelrc]

Estoy en ello te dejo saber si lo logro, si no vez mensaje pues tratalo y me dejas saber

[iviamontes]

jaja ok, dale...

[abimaelrc]

Lo pude lograr, use como base tu código, pero creo que lo cambie completo porque no me resultaba con la transparencia. Lo que no me gusta es que sale con un borde rectangular blanco (o el color que le quieras dar). Lo que me gustaría es que saliera sin ese borde blanco, sigo verificando pero ya lo tengo que se puede colocar alpha

Le coloque que puedas indicar diferentes posiciones en la imagen, se puede usar

Código PHP:

top left
top center
top right
middle left
middle center
middle right
bottom left
bottom center
bottom right
 

[iviamontes]

jaja ok, ves pq decia lo del espermatozoide-junior si tu eras feto-junior jaja

[abimaelrc]

Por fin, ya sale con el alpha y sin el fondo blanco (o el color que hayas escogido)

[iviamontes]

ya reviso a ver, sigue creciendo el monstruo phpero, que bien

[DinamiteDog]

Muy bueno, justo lo que estaba buscando!

Saludos.

[Triby]

Bueno, yo tambien necesitaba recortar imagenes, principalmente porque cuando requieres de vista previa (thumbnail) casi siempre es con dimensiones fijas, asi que... a ver si sirve de algo el aporte:

Código PHP:

public function resizeToFit($width, $height, $margins = false) {
        // Calculamos ambos ratios
        $ratioW = $width / $this->getWidth();
        $ratioH = $height / $this->getHeight();
        // Obtenemos el mayor si es con recorte
        // O el menor para agregar márgenes blancos donde se requiera
        $ratio = ($margins === false) ? max($ratioW, $ratioH) : min($ratioW, $ratioH);
        $newW = floor($this->getWidth() * $ratio);
        $newH = floor($this->getHeight() * $ratio);
 
        // Redimensionamos, conservando relación de aspecto
        $this->resize($newW, $newH);
 
        // Si es necesario recortar y/o agregar márgenes en el lado más corto
        if($newW != $width || $newH != $height) {
            // Creamos el nuevo lienzo con las medidas que necesitamos
            $newImage = imagecreatetruecolor($width, $height);
 
            // Si la imagen es mayor, el origen lo tomamos centrado
            $ox = ($newW > $width) ? floor(($newW - $width) / 2) : 0;
            $oy = ($newH > $height) ? floor(($newH - $width) / 2) : 0;
            // Si la imagen es menor, dejamos márgenes en el lado más corto
            $dx = ($newW < $width) ? floor(($width - $newW) / 2) : 0;
            $dy = ($newH < $height) ? floor(($height - $newH) / 2) : 0; 
 
            imagecopy($newImage, $this->_image, $dx, $dy, $ox, $oy, $width, $height);
            $this->_image = $newImage;
        }
    }
 

Las medidas son fijas, asi que:
$margins === false => Se redimensiona la imagen para ajustar la parte mas corta (ancho o alto) a las medidas deseadas y despues se recorta la parte central, ejemplo:
$_img->resizeToFit(300, 300);


$margins === true => Se redimensiona la imagen para ajustar la parte mas grande (ancho o alto) y se agrega un margen (arriba/abajo o izquierda/derecha)... habra que ver si podemos cambiar el color de este... ejemplo:
$_img->resizeToFit(300, 300, true);

[abimaelrc]

Muy bueno triby, ya lo voy a añadir, solo que sería bueno que el fondo fuera de acuerdo a como el usuario quisiera, en el caso 2 que traes tiene un fondo negro, logre hacer parte del fondo que se convirtiera de otro color, pero no logro que sean en ambas partes, te dejo lo que he hecho solo añadí una línea adicional y un parametro extra

Código PHP:

public function resizeToFit($width, $height, $margins = false, $hexBckColor = '000000') {
    // Calculamos ambos ratios
    $ratioW = $width / $this->getWidth();
    $ratioH = $height / $this->getHeight();
    // Obtenemos el mayor si es con recorte
    // O el menor para agregar márgenes blancos donde se requiera
    $ratio = ($margins === false) ? max($ratioW, $ratioH) : min($ratioW, $ratioH);
    $newW = floor($this->getWidth() * $ratio);
    $newH = floor($this->getHeight() * $ratio);
 
    // Redimensionamos, conservando relación de aspecto
    $this->resize($newW, $newH);
    // Si es necesario recortar y/o agregar márgenes en el lado más corto
    if($newW != $width || $newH != $height) {
        // Creamos el nuevo lienzo con las medidas que necesitamos
        $newImage = imagecreatetruecolor($width, $height);
        imagefill($newImage, 0, 0, "0x$hexBckColor");
 
        // Si la imagen es mayor, el origen lo tomamos centrado
        $ox = ($newW > $width) ? floor(($newW - $width) / 2) : 0;
        $oy = ($newH > $height) ? floor(($newH - $width) / 2) : 0;
        // Si la imagen es menor, dejamos márgenes en el lado más corto
        $dx = ($newW < $width) ? floor(($width - $newW) / 2) : 0;
        $dy = ($newH < $height) ? floor(($height - $newH) / 2) : 0; 
        imagecopy($newImage, $this->_image, $dx, $dy, $ox, $oy, $width, $height);
        $this->_image = $newImage;
    }
}
 

Uso

Código PHP:

if(!empty($_FILES['image']) && $_FILES['image']['error'] == UPLOAD_ERR_OK) {
    require_once 'ModifiedImage.php'
    $image = new ModifiedImage($_FILES['image']['tmp_name']);
    $image->resizeToFit(300, 300, true, 'ff0000');
    $w400 = 'w400_' . $_FILES['image']['name'];
    $image->save($w400);
?>
Imagen grabada:
<a href="/<?php echo $w400; ?>">400</a>
<?php } ?>
 
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post" enctype="multipart/form-data">
    <input type="file" name="image" />
    <input type="submit" name="submit" value="Upload" />
</form>
 

Esto provoca que si por ejemplo una imagen tiene los bordes en la izquierda y derecha, la izquierda tenga el color indicado pero la derecha tenga el color negro. No lo he probado con los bordes arriba y abajo, me imagino que hará que sea arriba conforme al color deseado y abajo color negro. Te la dejo para ver si encuentras la forma como arreglarlo, si no se encuentra la forma pues lo colocó así como la haz creado Muy bueno

[abimaelrc]

Ya está corregido, teniamos que usar en imagecopy, en los últimos dos valores, $newW y $newH en vez de $width y $height.

Edito:
No me deja añadirlo a los aportes

Sigo tratando, a ver que pasa

[iviamontes]

que bueno !!!!, el monstruo phpero sigue creciendo, luego le vendemos la clase esta a la gente de Adobe o facebook, jajaj

[abimaelrc]

Acabo de reportar ya que no me deja subirlo, inmediatamente se pueda lo van a ver Gracias Triby por el aporte, vamos a ver si alguién más se anima a añadir algo a la clase o si tal vez alguien se anima a lograr que los gif se puedan redimensionar y mantener la animación

Por mi parte estoy tratando de entender lo que me dio ivamontes a ver si la puedo convertir a PHP5 o si la puedo disminuir (la clase) porque es mucho

[abimaelrc]

@destor77, si te referías a lo que Triby indicó, lamento entonces no haberte entendido, por lo menos Triby te entendió Si tienes otra idea me dejas saber

[Triby]

Tanto como entender, creo que no, tengo la leve sospecha de que mi necesidad de crear thumbs no era exactamente lo que pedia destor77, pero no parece tan dificil lograrlo desde la parte de PHP.

El problema real seria, como bien apuntas, Abimael, que tal vez del lado del cliente se tendria que hacer una parte en JS, como lo hace facebook para seleccionar tu imagen de perfil.

Creo que el crop seria mas o menos asi... aunque no lo he probado, solo lo estoy intentando aqui.

Código PHP:

public function crop($x, $y, $width, $height) {
            $newImage = imagecreatetruecolor($width, $height);
 
            imagecopy($newImage, $this->_image, 0, 0, $x, $y, $width, $height);
            $this->_image = $newImage;
        }
    }
 

Simplemente es crear un nuevo lienzo con las medidas seleccionadas, copiar lo que ya se tiene guardado en el recurso de GD y reemplazarlo con el recorte; tal vez seria bueno validar que la posicion y medidas nuevas no sobrepasen las dimensiones del lienzo actual.

[konchikuzo]

como se podría implementar la clase en un formulario hecho con Dreamweaver CS5, y que maneja base de datos

[abimaelrc]

Saludos konchikuzo y bienvenido. Trataste los ejemplos que brindo en la clase, ahí hay un formulario y te muestro como hacerlo.

[konchikuzo]

este es la parte del código que me genera dreamweaver con el que subo la imagen, pero no se como implementar la clase

if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == "form1")) {

$imagen = $_FILES['imagen']['name']; //$_files['foto'] es la variable que se envía del formulario y se captura con files en vez de post o get.
/**************** BLOQUE PARA SUBIR EL ARCHIVO **************/
if ($imagen!=""){
$directorio = "../imagenes/recetas/"; //este es el directorio donde estara la foto
if (is_uploaded_file($_FILES['imagen']['tmp_name'])) {
$prefijo = time();
$file = $prefijo."".$_FILES['imagen']['name'] ;
@copy($_FILES['imagen']['tmp_name'], $directorio."".$file);
$subio = true;
} else {
echo "Possible file upload attack: ";
echo "filename '". $_FILES['userfile']['tmp_name'] . "'.";
}
}
/************************************************** ***********/

$insertSQL = sprintf("INSERT INTO recetas ( carecetas, titulo, origen, comensales, ingredientes, preparacion, imagen) VALUES (%s, %s, %s, %s, %s, %s, %s)",
// GetSQLValueString($_POST['idreceta'], "int"),
GetSQLValueString($_POST['carecetas'], "text"),
GetSQLValueString($_POST['titulo'], "text"),
GetSQLValueString($_POST['origen'], "text"),
GetSQLValueString($_POST['comensales'], "text"),
GetSQLValueString($_POST['ingredientes'], "text"),
GetSQLValueString($_POST['preparacion'], "text"),
GetSQLValueString($file,"text")
);

si me podés dar una mano, te lo agradecería de corazón, soy nuevo en esto, desde ya muchas gracias

[abimaelrc]

Lo que debes hacer es indicar la ruta de la imagen al código.

[abimaelrc]

Acabo de hacer una actualización, añadiendo el código de Triby Por fin me dejó añadir el código, también hice unos cambios eliminé un método que no vi necesario tenerlo.

[konchikuzo]

Iniciado por abimaelrc

Lo que debes hacer es indicar la ruta de la imagen al código.

Disculpame pero no entiendo, soy nuevo, perdón, y disculpá las molestias

[abimaelrc]

Te recomiendo que pases por el wiki de este foro, hay un buen manual que te ayudará a desenvolverte.