Single Page Application and Canvas Drawing

TL;DR

This paper explores techniques for building powerful single-page applications with advanced 2D drawing capabilities on images and videos, including multi-point polygon drawing and real-time data binding.

Contribution

It introduces methods for 2D multi-point polygon drawing and real-time data synchronization within single-page applications using current web technologies.

Findings

Effective 2D polygon drawing on client side

Real-time data binding between drawing modules and media

Enhanced user interface for single-page applications

Abstract

Recently, with the impact of AJAX a new way of web development techniques have been emerged. Hence, with the help of this model, single-page web application was introduced which can be updated/replaced independently. Today we have a new challenge of building a powerful single-page application using the currently emerged technologies. Gaining an understanding of navigational model and user interface structure of the source application is the first step to successfully build a single- page application. In this paper, it explores not only building powerful single-page application but also Two Dimensional (2D) drawings on images and videos. Moreover, in this research it clearly express the findings on 2D multi-points polygon drawing concepts on client side; real-time data binding in between drawing module on image, video and view pages.