Foros del Web » Creando para Internet » HTML »

Mezclado de imágenes

Estas en el tema de Mezclado de imágenes en el foro de HTML en Foros del Web. Hola, buenos días, Tengo la siguiente duda, y no sé si pueda realizarse lo siguiente: Si tengo una imagen ( img001.png ), en un div ...
  #1 (permalink)  
Antiguo 16/12/2011, 10:12
Avatar de Middrel  
Fecha de Ingreso: abril-2005
Mensajes: 835
Antigüedad: 19 años, 6 meses
Puntos: 27
Mezclado de imágenes

Hola, buenos días,

Tengo la siguiente duda, y no sé si pueda realizarse lo siguiente:

Si tengo una imagen (img001.png), en un div, y en ese mismo div tengo otra conformada por una caja y un texto (las cuales fueron dibujadas en canvas) y quedan de la siguiente manera:

img001.png es un banner de algún producto pero con un espacio dedicado para llevar esa caja y el texto.
El texto es en si un precio (obtenido de una base de datos), que puedo manipularlos con una función en java script para colocarlos con el mouse en alguna posición del banner.
La caja, sólo está atrás del texto como un delimitador.

Bueno, la idea es poder guardar la imagen (img001.png), la caja y el texto como si fueran una imagen sola, es decir mezclarlos, acoplarlos, etc., pero que al final queden como una sola imagen.

¿Es posible conseguir esto? Ahora, ¿por que lo planteo así? bueno, la idea es que esto trabaje en tiempo real, es decir, los precios de los banners por disposiciones comerciales pueden cambiar el precio por promociones, descuentos, etc., sin embargo, como se maneja una gran cantidad de banners, el diseñador tendría que abrirlos y cambiarlos manualmente cada que se requiera, - imaginen si el precio cambia dos veces al día por lo menos -, por ello traerlos ya desde la base de datos con la información actualizada. Comento esto último por si alguien me comenta que se puede hacer en Photoshop, Gimp, Corel ,etc xD

Bueno, si es posible hacerlo, agradecería sus comentarios, de antemano un saludo a todos los miembros del foro :)
  #2 (permalink)  
Antiguo 16/12/2011, 12:52
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 4 meses
Puntos: 1567
Respuesta: Mezclado de imágenes

Para eso necesitas algo como las funciones de la librería gd de php.

Solo como una referencia (ya que en realidad tiene otra finalidad) mirá este ejemplo de Captcha

http://foros.emprear.com/php/captcha/
en particular el que construye el captcha a partir de un gif

Como ves en definitiva, estas integrando un texto con una imagen y el resultado es una imagen

Más info en http://php.net/manual/es/book.image.php

SAludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #3 (permalink)  
Antiguo 16/12/2011, 12:58
 
Fecha de Ingreso: julio-2008
Ubicación: Barcelona
Mensajes: 2.100
Antigüedad: 16 años, 4 meses
Puntos: 165
Respuesta: Mezclado de imágenes

Buenas,

Lo que necesitas es un tratamiento de imágenes que puedes hacer fácilmente con php y la librería GD o GD2, para comprobar si la tienes usa phpinfo().

Es parecido a crear una marca de agua, además, puedes pasarle texto!! :)

http://www.sitepoint.com/watermark-images-php/

http://www.reconn.us/random_image.html

Un saludo!
__________________
Gracias por el Karma :D

empleo ofertas de trabajo
  #4 (permalink)  
Antiguo 16/12/2011, 13:50
Avatar de Middrel  
Fecha de Ingreso: abril-2005
Mensajes: 835
Antigüedad: 19 años, 6 meses
Puntos: 27
Respuesta: Mezclado de imágenes

emprear, miktrv muchas gracias por la información. Comenzaré a revisar el funcionamiento del código y adaptarlo a lo que requiero, trabajo actualmente sobre ColdFusion, Javascript y jQuery, pero si PHP tiene esta opción no veo nada mal en emplearlo :)

Por cierto, ya les envié sus karmas ^.^

Saludos!!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:17.