HTML 5 Canvas Graphic object oriented design using plug-ins

• Main Authors: Jr-Wei Yu, 于志葳
• Other Authors: Jou-Ming Chang
• Format: Others
• Language: zh-TW
• Published: 2014
• Online Access: http://ndltd.ncl.edu.tw/handle/20783093347952253347

碩士 === 國立臺北商業技術學院 === 資訊與決策科學研究所 === 102 === In recent years, because the flourish in mobile platforms and the popularity of network application (referred as Webapp), it is clear that the development of Web technique becomes an important issue. In particular, Web technique using HTML 5 has received much attention. Due to the fact that network and information are very popular nowadays, most of users cannot satisfy some situations, such as monotone webpages and unconventional user interface. Thus, the graphic renderings and visual effects have become essential elements for designing applications. For instance, HTML 5 offers many new features, including a simple and fast graphics API, providing gorgeous visuals presentation in the case that does not rely on any plug-in. A new feature called Canvas in HTLM 5 is characterized by rapid and simple high-profile. Canvas can draw a variety of graphics within the HTML tags canvas through javascript new syntax. Although it has a well effect on image processing, its drawing results cannot support the operation of event, and thus is an obvious drawback. Once a drawing is complete, all graphics cannot continue to be operated by a browser. Moreover, all events can be done only in the entire canvas tag operation, and cannot be individually operated on any inner graphic. Therefore, we design a drawing package for Canvas that use plug-in to draw graphics. Consequently, it enables that developers can draw a graphic more easily and made modifications more quickly.