Research On Interactive Graphics Patterns And Their Implementation On HTML5 Canvas

With the enhancement of processing power and the increasing popularity of smart devices such as mobile phones and tablets,there is a stronger dependence between people and smart devices.The interactive paradigm based on "point and hit" introduced in traditional web applications to meet navigation and browsing needs can no longer meet the rich interactive needs of today's applications.Therefore,HTML5,especially for mobile computing,introduces a direct operation interaction between the user and the graphics representing the application data object,so that the user can complete the operation of representing the application data object through direct interaction with the graphic,which is not only convenient for the user,but also brings a more intuitive experience to users.However,it is well known that this work of developing directly operable interactive graphics within the application main window is a challenge.In the past,people put more energy into the layout research of the user interface,and proposed the component libraries and user interface patterns to help development.For the development of interactive graphics inside the main window,although the concept of object-oriented graphics library is introduced,the development of interactive graphics still needs developers to perform at a low level of abstraction.This causes the following problems: First,the operation on the low-level drawing primitives increases the difficulty of learning and development.Secondly,developers need to write a lot of code to lead a longer development cycle and reduce the development efficiency.In view of the above problems and combined with a lot of research on the user interface,this paper introduces a solving method based on user interface pattern into the development of interactive graphics in the application main window,and hopes to effectively solve the problems of interactive graphics development by using the interactive graphics pattern.Repetitive development problems and underlying coding problems with common features encountered in development.Therefore,this paper proposes the concept of interactivegraphics pattern and defines it.At the same time,in order to realize the direct application of interactive graphics pattern,this paper provides an IGPML(Interactive Graphics Patterns Makeup Language)and a parser to help implement the marking and application of the pattern.In some aspects,the developer does not need to pay attention to the implementation of the underlying code,and just to select the appropriate pattern according to the task requirements to complete the development of the required function,which will play an important role in reducing development complexity and improving development efficiency.