Download to read offline
![Questions? Александ Бацуев [email_address] twitter: alex_batsuev Skype: alex.batsuev AnyChart.Com](https://image.slidesharecdn.com/flashhtml5-4-110425063519-phpapp01/85/Flash-html5-4-26-320.jpg)
![Questions? Александ Бацуев [email_address] twitter: alex_batsuev Skype: alex.batsuev AnyChart.Com](https://image.slidesharecdn.com/flashhtml5-4-110425063519-phpapp01/75/Flash-html5-4-26-2048.jpg)
от Flash к html5. александр бацуев. зал 4
- 1. Flash -> html5Александр Бацуев . AnyChart.Com
- 2.
- 3.
- 4. EcmaScript5 SVG CanvasFirefox 4 mobile iOS Safari Android Opera Mini Windows Phone
- 5. EcmaScript5 SVG CanvasFirefox 4 mobile + + + iOS Safari +/- + + Android +/- - + Opera Mini - + + Windows Phone - - -
- 6. Canvas SVG VectorBitmap
- 7.
- 8. Interactivity DOM SingleElement Redraw all for changes DOM manipulations Mouse events on any DOM element Mouse events on html element + Math Canvas SVG
- 9.
- 10. Flash Sprite ShapeGraphics
- 11. SVG <g></g> <path/> <rect />
- 12. SVG document.createElementNS(); element.setAttribute();element.appendChild();
- 13.
- 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 classClassName extends ClassB implements ICustom1, ICustom2 { }
- 18. Google Closure ClosureLibrary Closure Linter Closure Compiler
- 19. Closure sample projecthttps://github.com/batsuev/closure-sample
- 20.
- 21. Google Chrome +svg TEST T TES
- 22. SVG + JavaScriptVS Flash
- 23. No binary dataAPI. Can’t get screenshot from content. textField.editable textField.htmlText Printing? Fullscreen
- 24. Simple test test("abasic test example", function() { ok( true, "this test is fine" ); var value = "hello"; equals( "hello", value, "We expect value to be hello" ); });
- 25.
- 26. Questions? Александ Бацуев[email_address] twitter: alex_batsuev Skype: alex.batsuev AnyChart.Com