от Flash к html5. александр бацуев. зал 4
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

от Flash к html5. александр бацуев. зал 4

on

  • 1,198 views

 

Statistics

Views

Total Views
1,198
Views on SlideShare
1,107
Embed Views
91

Actions

Likes
0
Downloads
3
Comments
0

2 Embeds 91

http://ritconf.ru 70
http://2011.ritconf.ru 21

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

от Flash к html5. александр бацуев. зал 4 Presentation Transcript

  • 1. Flash -> html5 Александр Бацуев . AnyChart.Com
  • 2. AnyChart http://anychart.com
  • 3. AnyChart
  • 4. EcmaScript5 SVG Canvas Firefox 4 mobile iOS Safari Android Opera Mini Windows Phone
  • 5. EcmaScript5 SVG Canvas Firefox 4 mobile + + + iOS Safari +/- + + Android +/- - + Opera Mini - + + Windows Phone - - -
  • 6. Canvas SVG Vector Bitmap
  • 7. textField.height? Antialiasing?
  • 8. Interactivity DOM Single Element Redraw all for changes DOM manipulations Mouse events on any DOM element Mouse events on html element + Math Canvas SVG
  • 9. <svg></svg>
  • 10. Flash Sprite Shape Graphics
  • 11. SVG <g></g> <path /> <rect />
  • 12. SVG document.createElementNS(); element.setAttribute(); element.appendChild();
  • 13. Flash. Events obj.addEventListener();
  • 14. SVG. Events group.addEventListener('mouseover', mouseOverHandler);
  • 15. Redraw? Clear + Redraw Update DOM <svg></svg>
  • 16. JavaScript AnyChart ~800 классов ~ 80 000 LOC
  • 17. JavaScript public class ClassName extends ClassB implements ICustom1, ICustom2 { }
  • 18. Google Closure Closure Library Closure Linter Closure Compiler
  • 19. Closure sample project https://github.com/batsuev/closure-sample
  • 20. Problems?
  • 21. Google Chrome + svg TEST T TES
  • 22. SVG + JavaScript VS Flash
  • 23.
    • No binary data API.
    • Can’t get screenshot from content.
    • textField.editable
    • textField.htmlText
    • Printing?
    • Fullscreen
  • 24. Simple test test(&quot;a basic test example&quot;, function() { ok( true, &quot;this test is fine&quot; ); var value = &quot;hello&quot;; equals( &quot;hello&quot;, value, &quot;We expect value to be hello&quot; ); });
  • 25. CI? PhantomJS
  • 26. Questions? Александ Бацуев [email_address] twitter: alex_batsuev Skype: alex.batsuev AnyChart.Com