CFIMAGE Presentation By Pete Freitag Foundeo Inc. 1 Image - - PowerPoint PPT Presentation

cfimage
SMART_READER_LITE
LIVE PREVIEW

CFIMAGE Presentation By Pete Freitag Foundeo Inc. 1 Image - - PowerPoint PPT Presentation

CFIMAGE Presentation By Pete Freitag Foundeo Inc. 1 Image Processing in CF8 New CFIMAGE tag supports 9 operations Over 50 new image processing functions added to CF8 2 CFIMAGE Actions border captcha convert


slide-1
SLIDE 1

CFIMAGE

Presentation By Pete Freitag Foundeo Inc.

1

slide-2
SLIDE 2

Image Processing in CF8

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

added to CF8

2

slide-3
SLIDE 3

CFIMAGE Action’s

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

3

slide-4
SLIDE 4

Example: Resize

<cfimage action=”resize” source=”filePath” destination=”filePath” height=”n” width=”n”>

4

slide-5
SLIDE 5

Example 1

Resize an Uploaded Image

5

slide-6
SLIDE 6

What if...

  • You only wanted to resize big images?

6

slide-7
SLIDE 7

Image Info

  • <cfimage action=”info” source=”file”

structName=”imgInfo”>

7

slide-8
SLIDE 8

Example 2:

Image Info

8

slide-9
SLIDE 9

Example 3:

Conditionally Resize an Image.

9

slide-10
SLIDE 10

CAPTCHA

  • Whatcha talkin about?
  • Completely Automated Public Turing

test to tell Computers and Humans Apart.

10

slide-11
SLIDE 11

CAPTCHA’s

  • Used to detect spammers
  • Displays hard to read text via an image
  • To foil OCR or image to text apps
  • CAPTCHA’s do not meet Section 508

Accessibility standards

11

slide-12
SLIDE 12

CFIMAGE CAPTCHAs

  • <cfimage action=”captcha” text=”display”

width=”50” height=”300”>

12

slide-13
SLIDE 13

Example 4:

CAPTCHA Images generated by CFIMAGE

13

slide-14
SLIDE 14

Example 5:

CAPTCHA Form Example

14

slide-15
SLIDE 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

15

slide-16
SLIDE 16

Example 6:

Building a button from scratch using Image functions.

16

slide-17
SLIDE 17

What if you wanted...

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

17

slide-18
SLIDE 18

Foundeo’s CFIMAGE Effects

http://foundeo.com/image-effects/

18

slide-19
SLIDE 19

Example 7:

Foundeo’s CFIMAGE Effects

19

slide-20
SLIDE 20

Questions?

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

20