HTML5 SVG Graphics @ Javascript Directions

Click here to load reader

  • date post

    17-May-2015
  • Category

    Documents

  • view

    220
  • download

    2

Embed Size (px)

Transcript of HTML5 SVG Graphics @ Javascript Directions

  • 1. HTML5 GraphicsCreating Graphics from HTML5 is ! by Tiang Cheng

2. ! (Questions) JavaScript ?(who uses javascript for work?) jQuery animation i jQueryUI?Who uses jQuery and jQuery UI/Mobile? ?Who uses graphics Canvas? SVG?Do you use Canvas? or SVG? 3. ? HTML Javascript 1997 2 Internet Service Provider (TV) (user groups) ! 4. rasterised upwards to Large TVs 19. Why vector >rasterised27 LCD screen 20. DPI matters 13 Laptop Screen + Retina 21. 7 Tablet Screen 4.3 Phone screen Landscape, and Portrait! 22. SVG Compatibility 23. CanvasCompatibility 24. of RaphaelJS Sydney,Australia. Atlassian,Sencha, Singtel, Senior ComputerScientist at Adobe onW3C standards 25. RaphaelJS? the HTML5 Standard (no need customised code 4 browsers) . IE 6.0, iOS, AndroidChrome (Checks compatibility) 26. Raphael objects (Circle) (Rect) (Ellipse) (Image) 27. Raphael Basics (Events) (Attributes) 28. Demo of RaphaelJS , event clicks JS code-behind DOM inspection 29. ... 30. gRaphaelJS (Vector Graphics)! 31. IntroducinggRaphael JS 1 ... 32. D3.JS (!) 33. D3.JS .https://github.com/mbostock/d3/wiki/Gallery 34. Demo of D3 Charts Bar graph the Dom object 35. ! Thank You! ? 36. BONUS!!RPH USD$1895 Infragistics Ultimate License! 37. More Bonus!Everyone will have a free Infragistics IgniteUI Licensefor HTML/JS. 38. Contact me:Organise a PhoneGap Hackathon, or if youneed help with any of the topicswebsite: www.translateKarate.comemail: tiang@kaizenagency.com.autwitter: @tiangvk: vk.com/tiang