Graphics display capabilities in web browsers
Article Sidebar
Open full text
Issue Vol. 20 (2021)
-
Tools for analysis of business processes – a comparative analysis
Jakub Janicki, Ernest Wójcik165-169
-
Comparative analysis of UIKit and SwiftUI frameworks in iOS system
Piotr Wiertel, Maria Skublewska-Paszkowska170-174
-
Comparison of selected view creation technologies in applications using the Laravel framework
Albert Woś, Beata Pańczyk175-182
-
Comparison of web application state management tools
Kacper Szymanek, Beata Pańczyk183-188
-
Comparative analysis of the methods of watermarking X-ray images
Weronika Kulbaka, Paulina Paluch, Grzegorz Kozieł189-196
-
Analysis of the possibilities for using machine learning algorithms in the Unity environment
Karina Litwynenko, Małgorzata Plechawska-Wójcik197-204
-
Comparative analysis of the Angular 10 and Vue 3.0 frameworks
Piotr Lipski, Jarosław Kyć, Beata Pańczyk205-209
-
Immersion analysis during gameplay in VR and on a PC
Karol Moniuszko, Tomasz Szymczyk210-216
-
Comparative analysis of the proprietary navigation system and the built-in Unity engine tool
Maciej Kempny, Marcin Barszcz217-224
-
Comparison of the compilation speed of the SCSS and LESS preprocessors
Andrii Berkovskyy, Kostiantyn Voskoboinik, Marcin Badurowicz225-229
-
Performance analysis of machine learning libraries
Ewa Justyna Kędziora, Grzegorz Krzysztof Maksim230-236
-
Graphics display capabilities in web browsers
Damian Sołtysiuk, Maria Skublewska-Paszkowska237-242
-
Comparative analysis of online stores
Arkadiusz Wójtowicz, Marek Miłosz243-246
-
Comparative analysis of Unity and Unreal Engine efficiency in creating virtual exhibitions of 3D scanned models
Agata Ciekanowska, Adam Kiszczak - Gliński, Krzysztof Dziedzic247-253
-
IoT system for remote monitoring of mangrove forest the Sundarbans
Asif Rahman Rumee254-258
Main Article Content
DOI
Authors
damian.soltysiuk@pollub.edu.pl
Abstract
The article discusses the issue of displaying graphics in web browsers. A couple of methods related to its display can be distinguished. The methods discussed are: SVG, HTML5 Canvas and the WebGl graphics engine. The research was done using a dedicated web application written in Angular and TypeScript language along with the help of Two.js library for displaying 2D graphics. After analyzing all the results it concluded that, guided by the rendering time of the elements, HTML5 Canvas turned out to be the best method. On the other hand, the best method which achieves the highest number of FPS for animation is WebGl.
Keywords:
References
Statystyki użycia różnych formatów zdjęć na stronach internetowych, https://w3techs.com/technologies/overview/image_format, [25.03.2021].
Statystyki użycia SVG na stronach internetowych, https://w3techs.com/technologies/details/im-svg, [25.03.2021].
D.E. Kee, L. Salowitz, R. Chang, Comparing Interactive Web-Based Visualization Rendering Techniques, VisWeek 2012 Poster Program, Washington, 2012.
T. Horak, U. Kister, R. Dachselt, Comparing Rendering Performance of Common Web Technologies for Large Graphs, Poster Program of the 2018 IEEE VIS Conference, Berlin, 2018.
A. Lindberg, Performance Evaluation of JavaScript Rendering Frameworks, Master thesis, Linköping University, Linköping, 2020, http://www.diva-portal.org/smash/get/diva2:1411632/FULLTEXT01.pdf, [25.03.2021].
K. Andrews, B. Wright, FluidDiagrams: Web-Based Information Visualisation using JavaScript and WebGl, Eurographics Conference on Visualization EuroVis (2014) 43-47.
D.W. Johnson, T.J. Jankun-Kelly, A Scalability Study of Web-Native Information Visualization, Proceedings of the Graphics Interface 2008 Conference (2008) 163–168.
Article Details
Abstract views: 351
License

This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
