CFIMAGE

1
CFIMAGE

• Presentation By Pete Freitag
• Foundeo Inc.

2
Image Processing in CF8

• New CFIMAGE tag supports 9 operations
• Over 50 new image processing functions added to
  CF8

3
CFIMAGE Actions

• border
• captcha
• convert
• info
• read
• resize
• rotate
• write
• writeToBrowser

4
Example Resize
ltcfimage actionresize sourcefilePath
destinationfilePath heightn widthngt
5
Example 1

• Resize an Uploaded Image

6
What if...

• You only wanted to resize big images?

7
Image Info

• ltcfimage actioninfo sourcefile
  structNameimgInfogt

8
Example 2

• Image Info

9
Example 3

• Conditionally Resize an Image.

10
CAPTCHA

• Whatcha talkin about?
• Completely Automated Public Turing test to tell
  Computers and Humans Apart.

11
CAPTCHAs

• Used to detect spammers
• Displays hard to read text via an image
• To foil OCR or image to text apps
• CAPTCHAs do not meet Section 508 Accessibility
  standards

12
CFIMAGE CAPTCHAs

• ltcfimage actioncaptcha textdisplay
  width50 height300gt

13
Example 4

• CAPTCHA Images generated by CFIMAGE

14
Example 5

• CAPTCHA Form Example

15
Image Functions

• Create Images from Scratch
• Add Shapes Lines to an image
• Add Text to an Image
• Overlay an Image on another Image
• Crop, Flip, Blur, Grayscale, Invert, Rotate
• Get EXIF IPTC Image Metadata

16
Example 6

• Building a button from scratch using Image
  functions.

17
What if you wanted...

• Gradients
• Rounded Corners
• Reflection Effect
• Drop Shadows
• More...

18
Foundeos CFIMAGEEffects
http//foundeo.com/image-effects/
19
Example 7

• Foundeos CFIMAGE Effects

20
Questions?

• Thank You.
• Blog http//www.petefreitag.com
• Company http//foundeo.com/