HTML5 Canvas software libraries

摘要

Verkkosivujen tekninen kehitys on siirtymässä vahvasti ilman selainliitännäisiä toimiviin sivustoihin. HTML5-standardin mukana kehitetty Canvas-elementti tarjoaa ne graafiset ominaisuudet, jotka oli aiemmin mahdollista toteuttaa vain selainliitännäisten avulla.Tässä tutkimuksessa tarkastellaan HTML5 Canvas-elementin ohjelmointiin tarkoitettuja ohjelmointikirjastoja. Tavoitteena on löytää tehokas, kaupalliseen käyttöön soveltuva kirjasto, joka täyttää tutkimuksessa asetetut vaatimukset.Tutkimuksessa tarkasteltiin 42 ohjelmointikirjastoa, jotka on julkaistu kaupallisen käytön sallivalla avoimen lähdekoodin lisenssillä. Kirjastoista seitsemän täytti tutkimuksessa asetetut, teknisiä ominaisuuksia ja kehitysprojektin laatua koskevat vaatimukset. Näille kirjastoille tehtiin suoritustehokkuutta ja muistinkäyttöä mittaavat testit.Teknisessä testauksessa ohjelmointikirjastoilla koostettiin vektori- ja bittikarttagrafiikkaa piirtävät vertailuohjelmat. Testiohjelmilla mitattiin ruudunpäivitysnopeus sekä varatun muistin määrä. Testit suoritettiin sekä pöytätietokoneella että mobiiliympäristössä varioiden ruudulle piirrettävän grafiikan määrää.Tutkimuksessa saadut tulokset osoittavat, että HTML5 Canvas-ohjelmistokirjastoilla on selviä eroja suoritustehokkuudessa sekä muistinkäytössä. Tutkituista ohjelmointikirjastoista parhaiksi valikoituivat Easel.js ja Pixi.js.