html实现一下图形,HTML5 Canvas下交互式图形模式的设计与实现

摘要：

伴随手机,平板等智能设备处理能力的增强和使用普及度的提高,人与智能设备之间产生了更强的依赖关系.传统Web应用中为满足导航与浏览需要而引入的以"点和击"为主的交互范型已经不能满足当今应用的丰富交互需求.因此,HTML5特别是为移动计算,在用户与表示应用数据对象的图形之间引入了直接操作的交互方式,使用户通过与图形的直接交互完成对应用数据对象的操作,这不仅便于用户的理解,更给用户带来了更加直观的体验.然而,众所周知,这种在应用主窗口内部开发可直接操作的交互式图形的工作是一个难点.以往人们把更多的精力放在了用户界面的布局研究上,提出了构件库和用户界面模式等帮助开发.而对于主窗口内部交互式图形的开发,虽然引入了面向对象图形库的概念,但对交互式图形的开发依然需要开发人员在低级抽象层次上进行.这就造成了如下问题:首先,在低级绘图原语上进行操作,加大了学习难度与开发难度;其次,开发人员需要编写大量代码,使开发周期变长,开发效率降低.针对上述问题,并结合对用户界面的大量研究,本文将用户界面模式这种解决问题的方法引入到应用主窗口内交互式图形的开发中,希望通过使用交互式图形模式能够有效解决交互式图形开发中遇到的具有共同特征的重复性开发问题与底层编码问题.因此,本文提出了交互式图形模式的概念并对其进行了定义说明.同时,为了实现交互式图形模式的可直接应用,本文提供一种基于XML的交互式图形模式标记语言IGPML(Interactive Graphics Patterns Makeup Language)以及解析器来帮助实现对模式的标记及应用.使开发人员在某些方面无需再关注底层代码的实现,只需根据任务需求选择合适的模式即可完成需求功能的开发,这将在降低开发复杂度,提高开发效率上发挥重要作用.

展开