Renderingstider av interaktiva linjediagram med HTML5 Canvas och SVG

På senare tid har det blivit allt mer populärt med interaktiva webbapplikationer. Ett sådant exempel är interaktiva linjediagram där användaren kan manipulera den information som visas i ett diagram. Information som visas i ett sådant diagram kan till exempel vara aktiekursdata. För att rita ut diag...

Full description

Bibliographic Details
Main Author: Kumlin, Fredrik
Format: Others
Language:Swedish
Published: Högskolan i Skövde, Institutionen för informationsteknologi 2018
Subjects:
SVG
Online Access:http://urn.kb.se/resolve?urn=urn:nbn:se:his:diva-15405
Description
Summary:På senare tid har det blivit allt mer populärt med interaktiva webbapplikationer. Ett sådant exempel är interaktiva linjediagram där användaren kan manipulera den information som visas i ett diagram. Information som visas i ett sådant diagram kan till exempel vara aktiekursdata. För att rita ut diagrammen i webbläsaren kan till exempel HTML5 Canvas eller SVG användas. Eftersom renderingstider är viktigt för att få en tillfredställande produkt är det intressant att ta reda på vilken av dessa tekniker som är snabbast och därför har ett experiment med flera testfall skapats där det interaktiva momentet undersökts. Resultatet av mätningar från dessa testfall visade på att SVG är snabbare än HTML5 Canvas. Mätningar utfördes dock endast i Google Chrome och därför skulle det vara intressant att i framtida arbeten även se mätningar i andra webbläsare och med annan hårdvara samt fler optimeringar av koden eller ytterligare parametrar.