Mezclado de imágenes

[Middrel]

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 :)