An Interactive Graphic Markup Language For Extending HTML5 Canvas And Its Implementation

With the rapid development of computing technologies of late years(such as big data,cloud computing,etc.),the "point and click" interaction paradigm which used to match information retrieval and navigation functionalities fails to support the requirements of personalized and diverse interactions.In order to adhibit the interactive graphic-based direct operation interaction paradigm in the Web applications,Canvas is introduced in HTML5 by W3 C.The new approach allows users to interact directly with application data through graphics,making application data easier to understand and operate,thus bringing a whole new user experience.However,developers would confront new problems when developing interactive graphics-based Web applications on Canvas: Firstly,they could only use the low-level drawing primitives and drawing functions provided by the Web application platform to build graphical objects,which increases the learning difficulty and workload.Secondly,the lack of a complete and effective event handling mechanism in the graphical object level within Canvas results in a complex processing of interactive events,which would be this will greatly increase the complexity of development so as to affect the effectiveness and efficiency.In view of the above problems,this paper proposes an XML-based Interactive Graphics Markup Language(XIGML)which extends the HTML5 Canvas.This language allows developers to describe interactive graphics,relationships between graphical objects and interactive events on graphical objects at an advanced level of abstraction.When using the XML grammar to describe the graphical objects and the structural relationships among them in the graphical user interface,developers could complete the drawing of the interactive graphics without paying attention to the details meanwhile reducing the learning curve.The thesis also designs and implements an interactive graphical markup language parsing engine and an interactive graphics subsystem to achieve the implementation of XIGML,through the usage of parsing engine and subsystem,the separation of graphics and interactive events is achieved,simplifying the difficulty of development and improving the efficiency of development.Case study indicates that the method could effectively improve the development efficiency of interactive graphics.