CFIMAGE Presentation By Pete FreitagPete Freitag Foundeo Inc.
-
Upload
sarah-bell -
Category
Documents
-
view
214 -
download
2
Transcript of CFIMAGE Presentation By Pete FreitagPete Freitag Foundeo Inc.
![Page 2: CFIMAGE Presentation By Pete FreitagPete Freitag Foundeo Inc.](https://reader036.fdocuments.in/reader036/viewer/2022083007/56649e435503460f94b36889/html5/thumbnails/2.jpg)
Image Processing in CF8
•New CFIMAGE tag supports 9 operations
•Over 50 new image processing functions added to CF8
![Page 3: CFIMAGE Presentation By Pete FreitagPete Freitag Foundeo Inc.](https://reader036.fdocuments.in/reader036/viewer/2022083007/56649e435503460f94b36889/html5/thumbnails/3.jpg)
CFIMAGE Action’s• border
• captcha
• convert
• info
• read
• resize
• rotate
• write
• writeToBrowser
![Page 4: CFIMAGE Presentation By Pete FreitagPete Freitag Foundeo Inc.](https://reader036.fdocuments.in/reader036/viewer/2022083007/56649e435503460f94b36889/html5/thumbnails/4.jpg)
Example: Resize
<cfimage action=”resize” source=”filePath” destination=”filePath” height=”n” width=”n”>
![Page 5: CFIMAGE Presentation By Pete FreitagPete Freitag Foundeo Inc.](https://reader036.fdocuments.in/reader036/viewer/2022083007/56649e435503460f94b36889/html5/thumbnails/5.jpg)
Example 1Resize an Uploaded Image
![Page 6: CFIMAGE Presentation By Pete FreitagPete Freitag Foundeo Inc.](https://reader036.fdocuments.in/reader036/viewer/2022083007/56649e435503460f94b36889/html5/thumbnails/6.jpg)
What if...
•You only wanted to resize big images?
![Page 7: CFIMAGE Presentation By Pete FreitagPete Freitag Foundeo Inc.](https://reader036.fdocuments.in/reader036/viewer/2022083007/56649e435503460f94b36889/html5/thumbnails/7.jpg)
Image Info
•<cfimage action=”info” source=”file” structName=”imgInfo”>
![Page 8: CFIMAGE Presentation By Pete FreitagPete Freitag Foundeo Inc.](https://reader036.fdocuments.in/reader036/viewer/2022083007/56649e435503460f94b36889/html5/thumbnails/8.jpg)
Example 2:Image Info
![Page 9: CFIMAGE Presentation By Pete FreitagPete Freitag Foundeo Inc.](https://reader036.fdocuments.in/reader036/viewer/2022083007/56649e435503460f94b36889/html5/thumbnails/9.jpg)
Example 3:Conditionally Resize an Image.
![Page 10: CFIMAGE Presentation By Pete FreitagPete Freitag Foundeo Inc.](https://reader036.fdocuments.in/reader036/viewer/2022083007/56649e435503460f94b36889/html5/thumbnails/10.jpg)
CAPTCHA
•Whatcha talkin about?
•Completely Automated Public Turing test to tell Computers and Humans Apart.
![Page 11: CFIMAGE Presentation By Pete FreitagPete Freitag Foundeo Inc.](https://reader036.fdocuments.in/reader036/viewer/2022083007/56649e435503460f94b36889/html5/thumbnails/11.jpg)
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
![Page 12: CFIMAGE Presentation By Pete FreitagPete Freitag Foundeo Inc.](https://reader036.fdocuments.in/reader036/viewer/2022083007/56649e435503460f94b36889/html5/thumbnails/12.jpg)
CFIMAGE CAPTCHAs
•<cfimage action=”captcha” text=”display” width=”50” height=”300”>
![Page 13: CFIMAGE Presentation By Pete FreitagPete Freitag Foundeo Inc.](https://reader036.fdocuments.in/reader036/viewer/2022083007/56649e435503460f94b36889/html5/thumbnails/13.jpg)
Example 4:CAPTCHA Images generated by CFIMAGE
![Page 14: CFIMAGE Presentation By Pete FreitagPete Freitag Foundeo Inc.](https://reader036.fdocuments.in/reader036/viewer/2022083007/56649e435503460f94b36889/html5/thumbnails/14.jpg)
Example 5:CAPTCHA Form Example
![Page 15: CFIMAGE Presentation By Pete FreitagPete Freitag Foundeo Inc.](https://reader036.fdocuments.in/reader036/viewer/2022083007/56649e435503460f94b36889/html5/thumbnails/15.jpg)
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
![Page 16: CFIMAGE Presentation By Pete FreitagPete Freitag Foundeo Inc.](https://reader036.fdocuments.in/reader036/viewer/2022083007/56649e435503460f94b36889/html5/thumbnails/16.jpg)
Example 6:Building a button from scratch using Image
functions.
![Page 17: CFIMAGE Presentation By Pete FreitagPete Freitag Foundeo Inc.](https://reader036.fdocuments.in/reader036/viewer/2022083007/56649e435503460f94b36889/html5/thumbnails/17.jpg)
What if you wanted...
•Gradients
•Rounded Corners
•Reflection Effect
•Drop Shadows
•More...
![Page 19: CFIMAGE Presentation By Pete FreitagPete Freitag Foundeo Inc.](https://reader036.fdocuments.in/reader036/viewer/2022083007/56649e435503460f94b36889/html5/thumbnails/19.jpg)
Example 7:Foundeo’s CFIMAGE Effects
![Page 20: CFIMAGE Presentation By Pete FreitagPete Freitag Foundeo Inc.](https://reader036.fdocuments.in/reader036/viewer/2022083007/56649e435503460f94b36889/html5/thumbnails/20.jpg)
Questions?Thank You.
Blog: http://www.petefreitag.comCompany: http://foundeo.com/