![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)
от Flash к html5. александр бацуев. зал 4
- 1. Flash -> html5 Александр Бацуев . 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
- 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();
- 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("a basic test example", function() { ok( true, "this test is fine" ); var value = "hello"; equals( "hello", value, "We expect value to be hello" ); });
- 25. CI? PhantomJS
- 26. Questions? Александ Бацуев [email_address] twitter: alex_batsuev Skype: alex.batsuev AnyChart.Com