Skip to main content
Inspiring
November 14, 2008
Question

Combine CF data and embed with image??

  • November 14, 2008
  • 1 reply
  • 329 views
Is there a way I can combine an existing image, and add a 'layer' that has
data I would like to show on top of that image?

So if I wanted a picture of a puppy, for example, and wanted to output details
of that puppy onto the picture, and email the new picture out with the puppy
and details so all the info gets there and looks all nice, is there a way
this can be done with <cfimage>??? Or something else??


    This topic has been closed for replies.

    1 reply

    Inspiring
    November 14, 2008
    steve grosz wrote:
    > Is there a way I can combine an existing image, and add a 'layer' that
    > has data I would like to show on top of that image?
    >
    > So if I wanted a picture of a puppy, for example, and wanted to output
    > details of that puppy onto the picture, and email the new picture out
    > with the puppy and details so all the info gets there and looks all
    > nice, is there a way this can be done with <cfimage>??? Or something
    > else??

    ImageDrawText allows you to draw text over an image. The text becomes
    part of the image though (it's not a separate layer).

    If you want to have separate layers:

    <div style="position:absolute; width:#same_as_picture#;
    height:#same_as_picture#; z-index:1;">Your puppy info</div
    <img src="puppy.jpg">

    --
    Mack
    Inspiring
    November 14, 2008
    Hello Mack,

    Thanks for the info. Do you happen to have a code example that shows how
    this would be written to the picture?? Either on a seperate layer or not???

    Thanks!!

    > steve grosz wrote:
    >
    >> Is there a way I can combine an existing image, and add a 'layer'
    >> that has data I would like to show on top of that image?
    >>
    >> So if I wanted a picture of a puppy, for example, and wanted to
    >> output details of that puppy onto the picture, and email the new
    >> picture out with the puppy and details so all the info gets there and
    >> looks all nice, is there a way this can be done with <cfimage>??? Or
    >> something else??
    >>
    > ImageDrawText allows you to draw text over an image. The text becomes
    > part of the image though (it's not a separate layer).
    >
    > If you want to have separate layers:
    >
    > <div style="position:absolute; width:#same_as_picture#;
    > height:#same_as_picture#; z-index:1;">Your puppy info</div <img
    > src="puppy.jpg">
    >