Image/Video Processing and the Canvas Element
HTML5 <ul><li>Client-Side Local Storage </li></ul><ul><li>Canvas Element </li></ul><ul><li>Video </li></ul><ul><li>SVG, Ma...
The Canvas Element <ul><li>2d graphics and transformations </li></ul><ul><li>3D graphics based on WebGL  </li></ul><ul><li...
Examples Canvex Canvasdemos.com
Javascript Libraries <ul><li>WebD – jQuery, Dojo,YUI, </li></ul><ul><li>mootools, . . . </li></ul><ul><li>Web UI dev - Moc...
Project CanvasVisor <ul><li>Port OpenCV to javascript </li></ul><ul><li>OpenCV – collection of 500+  </li></ul><ul><li>ima...
Why ? <ul><li>allows applications where tasks are accomplished pre-upload ->automatic  </li></ul><ul><ul><li>tagging, edit...
What you'll Learn <ul><li>Image Processing Algorithms  </li></ul><ul><li>and methodologies </li></ul><ul><li>Learn to use ...
<ul><li>Thank You </li></ul>
Upcoming SlideShare
Loading in...5
×

Image video processing and canvas element by Abhay Rao

1,682

Published on

Canvas Element allows fixed element control and enables analysis of Image/Video algorithms as a part of OpenCV will be studied and implemented in JAVA Script

Published in: Technology
1 Comment
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total Views
1,682
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
18
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide

Image video processing and canvas element by Abhay Rao

  1. 1. Image/Video Processing and the Canvas Element
  2. 2. HTML5 <ul><li>Client-Side Local Storage </li></ul><ul><li>Canvas Element </li></ul><ul><li>Video </li></ul><ul><li>SVG, MathML </li></ul><ul><li>Other new elements </li></ul><ul><li>ruby, article, etc. </li></ul><ul><li>New attributes for elements </li></ul><ul><li>more .. </li></ul>
  3. 3. The Canvas Element <ul><li>2d graphics and transformations </li></ul><ul><li>3D graphics based on WebGL </li></ul><ul><li>(OpenGL ES for the web) – </li></ul><ul><li>standard in the works </li></ul>
  4. 4. Examples Canvex Canvasdemos.com
  5. 5. Javascript Libraries <ul><li>WebD – jQuery, Dojo,YUI, </li></ul><ul><li>mootools, . . . </li></ul><ul><li>Web UI dev - MochaUI </li></ul><ul><li>Image processing with canvas – Pixastic </li></ul><ul><li>Data visualization with canvas - Processing </li></ul>
  6. 6. Project CanvasVisor <ul><li>Port OpenCV to javascript </li></ul><ul><li>OpenCV – collection of 500+ </li></ul><ul><li>image processing and computer </li></ul><ul><li>vision algorithms </li></ul>
  7. 7. Why ? <ul><li>allows applications where tasks are accomplished pre-upload ->automatic </li></ul><ul><ul><li>tagging, editing,filtering </li></ul></ul><ul><li>With Tracemonkey, javascript CAN </li></ul><ul><li>compete with natively compiled code </li></ul><ul><li>Will be easier to work with </li></ul><ul><li>than a C library (easier to update,modify)‏ </li></ul><ul><li>Next generation UIs will be on the canvas </li></ul><ul><li>Hasn’t been done yet : )‏ </li></ul>
  8. 8. What you'll Learn <ul><li>Image Processing Algorithms </li></ul><ul><li>and methodologies </li></ul><ul><li>Learn to use html5 along the way </li></ul><ul><li>Collaborative Development and Community ethics </li></ul><ul><li>Standard practices </li></ul><ul><li>Additional eggs of learning –firefox javascript engine, server-side processing, distributed computing </li></ul>
  9. 9. <ul><li>Thank You </li></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×