[发明专利]图形移动控制系统及方法

说明书

技术领域

本发明涉及一种图形控制系统及方法，尤其涉及一种图形移动控制系统及方法。

背景技术

SVG（Scalable Vector Graphics，可缩放矢量图）是基于可扩展标记语言XML，用于描述二维矢量图形的一种图形格式。SVG采用XML文本描述对象，完全开源，具有很好的交互性与动态性，完全支持DOM（文档对象模型，Document Object Model）。

跟一般的图形格式相比，SVG具有任意缩放、文本独立、较小文件、超强显示效果和超级颜色控制的优势，目前SVG除了在各大主流浏览器中被广泛支持，并且在手机应用中也扮演着举足轻重的角色，SVG手机将可能成为3G时代最重要的一个市场制高点。

SVG在与用户交互中也有一定的限制，比如当我们查看SVG图形时，虽然可以对图形进行放大缩小的无失真显示，但是却不能移动该SVG图形的位置。将SVG原图形放大或缩小后，图形的位置就会发生变化，有时部分图形甚至整个图形会消失在屏幕之外，如何能用鼠标自由拖拽的方式来调整SVG图形的位置（特别是放大或缩小后的位置）成为了迫切的需要。

发明内容

鉴于以上内容，有必要提供一种图形移动控制系统，其可通过鼠标拖拽操作来改变SVG图形的位置。

鉴于以上内容，有必要提供一种图形移动控制方法，其可通过鼠标拖拽操作来改变SVG图形的位置。

一种图形移动控制系统，应用于电子装置，该系统包括：设置模块，用于在电子装置的显示设备上创建一个指定图形的图形显示区域及事件响应区域；第一侦测模块，用于获取该事件响应区域内的鼠标事件，根据鼠标的当前位置坐标确定该图形显示区域的新位置；显示模块，用于在该图形显示区域的新位置重新显示该指定图形，以实现该指定图形在显示设备上的拖拽操作。

一种图形移动控制方法，应用于电子装置，该方法包括：设置步骤，在电子装置的显示设备上创建一个指定图形的图形显示区域及事件响应区域；第一侦测步骤，获取该事件响应区域内的鼠标事件，根据鼠标的当前位置坐标确定该图形显示区域的新位置；显示步骤，在该图形显示区域的新位置重新显示该指定图形，以实现该指定图形在显示设备上的拖拽操作。

相较于现有技术，所述的图形移动控制系统及方法，其可通过设置一个SVG图形的事件响应区域来响应鼠标的下按（onmousedown）、移动（onmousemove）、弹起（onmouseup）三个事件，通过鼠标拖拽操作来改变SVG图形的位置，如图形放大或缩小后的位置，提高了SVG图形的用户交互性。

附图说明

图1是本发明图形移动控制系统的运行环境示意图。

图2是图形移动控制系统的功能模块图。

图3是本发明图形移动控制方法的较佳实施例的流程图。

图4是SVG图形的图形显示区域及事件响应区域的示意图。

主要元件符号说明

  电子装置  2  显示设备  20  输入设备  22