Consulta al Foro

[cmarrero]

Tengo que hacer una mini aplicacion donde tengo una imagen a la izqueirda y a la derecha varias imagenes y campos de texto para agregarle a la de la derecha y customizarla...

Tienen idea si lo ideal es hacerlo con las Librerias GD de php o con canvas ?? que me recomiendan ?...

[pateketrueke]

si lo piensas hacer en tiempo real no creo que PHP te sirva, ya que se ejecuta en el servidor...

en dado caso podrías usar algo de HTML5 o Flash... (:

[cmarrero]

Para que veas mas o menos de que se trata lo que estoy haciendo aca te dejo un enlace...

http://smartup.com.ar/teddy/index.php?productId=65

Si seleccionas una remera, esta aparece a la izquierda, luego tenes para elegir de agregar una imagen, y luego para agregar texto... el tema es que tengo que ir haciendo que se vaya viendo el preview en la imagen de la izquierda...

y estoy indecido de que tecnologia usar

[pateketrueke]

Iniciado por cmarrero

[...] y estoy indecido de que tecnologia usar

bueno, es cierto que puedes usar PHP para montar al final todas las imágenes con GD...

pero para la interfaz no creo que PHP te sirva realmente, necesitas algo mas dinámico como Javascript+HTML+CSS

[cmarrero]

Si si, prefiero Javascript html css, pero indudablemente con la ayuda de php para interactuar con el usuario y guardar los datos en la BD mientras edita..

El tema esta, en que por ejemplo, tengo que poner un texto curvo en un determinado lugar, y la imagen en el centro, y todo eso luego tiene que ser una sola imagen... como harias eso con javascript, ya que la imagen final tiene que poder ser descargada...

????

[pateketrueke]

con Javascript lo haría utilizando el elemento canvas, y un poco de SVG, al final todo eso produce una imagen que ya está en el navegador y no necesita ser descargada... (:

[cmarrero]

pero no funcionaria en IE6 o IE7 verdad...

[pateketrueke]

Iniciado por cmarrero

pero no funcionaria en IE6 o IE7 verdad...

supongo que no, pero tal ves entonces... ¿Flash?

[cmarrero]

Flash lo descarto desde el principio, por que primero, ya tengo todo desarrollado con javascript, html, css y php y mandarle los datos a flash, va a ser un bardo, ademas los telefonos moviles no lo reconocen muy bien...

[cmarrero]

Estoy haciendo algunas pruebas con la libreria GD de php, tenes idea por que la imagen aparece de mala calidad ???..

http://smartup.com.ar/gd.php

Código PHP:

<?php 
function DrawTextArc($str, $aStart, $aEnd, $iRadius, $bCCW) 
{ 
        $nFont = 5; 
        // create image to store each character 
        $xFont = imagefontwidth($nFont); 
        $yFont = imagefontheight($nFont); 
        $imgChar = imagecreatetruecolor($xFont, $yFont); 
        // create overall image 
        $iCentre = $iRadius + max($xFont, $yFont); 
        $img = imagecreatetruecolor(2 * $iCentre, 2 * $iCentre); 
        // sort out colours 
        $colBG = imagecolorallocate($img, 255, 255, 255); 
        $colBGchar = imagecolorallocate($imgChar, 255, 255, 255); 
        $colFGchar = imagecolorallocate($imgChar, 0, 0, 0); 
        imagefilledrectangle($img, 0, 0, 2 * $iCentre, 2 * $iCentre, $colBG); 
         
        // arrange angles depending on direction of rotation 
        if ($bCCW){ 
                while ($aEnd < $aStart){ 
                    $aEnd += 360; 
                } 
        }else{ 
                while ($aEnd > $aStart){ 
                        $aEnd -= 360; 
                } 
        }
        $len = strlen($str); 
        // draw each character individually 
        for ($i = 0; $i < $len; $i++) 
        { 
                // calculate angle along arc 
                $a = ($aStart * ($len - 1 - $i) + $aEnd * $i) / ($len - 1); 
         
                // draw individual character 
                imagefilledrectangle($imgChar, 0, 0, $xFont, $yFont, $colBGchar); 
                imagestring($imgChar, $nFont, 0, 0, $str[$i], $colFGchar); 
         
                // rotate character 
                $imgTemp = imagerotate($imgChar, (int)$a + 90 * ($bCCW ? 1 : -1), $colBGchar); 
                $xTemp = imagesx($imgTemp); 
                $yTemp = imagesy($imgTemp); 
         
                // copy to main image 
                imagecopy($img, $imgTemp, 
                                        $iCentre + $iRadius * cos(deg2rad($a)) - ($xTemp / 2), 
                                        $iCentre - $iRadius * sin(deg2rad($a)) - ($yTemp / 2), 
                                        0, 0, $xTemp, $yTemp); 
        } 
         
        return $img; 
} 
$img = DrawTextArc("Happy Birthday Felipe", 180, 360, 80, false); 
// output the image 
header("Content-type: image/jpeg"); 
imagejpeg($img); 
imagedestroy($img);
?>