[发明专利]图像数据的移动方法及装置

说明书

本发明公开了一种图像数据的移动方法及装置，涉及图像处理技术领域，主要目的在于实现能够实时确定出绘制图像在绘制界面中的具体位置，减小绘制图像的复杂度，增强用户绘图体验。本发明的方案包括：获取第一绘制界面及第一预设图像的尺寸信息，并确定第一预设图像与第一绘制界面的相对位置信息；根据第一预设图像与第一绘制界面的相对位置信息等比缩小预定倍数，在第一绘制界面中生成导航图像；导航图像中包含第二绘制界面及第二预设图像；将第二预设图像与第一预设图像进行关联同步；监测所述第一预设图像或所述第二预设图像是否发生移动，并根据监测结果对所述第一绘制界面内的第一预设图像及所述导航图像内的第二预设图像进行同步移动。

技术领域

本发明涉及图像处理技术领域，特别是涉及一种图像数据的移动方法及装置。

背景技术

伴随着互联网技术的快速发展，在网页中展示信息的形式越来越多，也越来越丰富。例如，网页中为了吸引更多的访客可以通过图片图形的形式进行内容的展示，将图形放置于网页中以增强展示效果的趣味性。

目前，在网页页面开发过程中，使用绘图工具对图形进行绘制，常用的图形工具为可缩放矢量图形(Scalable Vector Graphics，SVG)，或者，HTML5Canvas来绘制图形，其中，SVG使用XML格式定义图形，而HTML 5Canvas本身并没有绘制能力(它仅仅是图形的容器)，在绘图过程中需使用脚本来完成绘图，但是，无论采用上述哪种绘图方法，均能够实现网页图形的绘制。

在绘图过程中，可根据实际需求在绘制界面中绘制不同的图像，当绘制的图像需要移动或者拖拽时，可通过鼠标或者键盘执行，但是，在拖拽时，若绘制的图像移动的范围完全超出绘制界面，则会出现绘制图像消失，并且在绘制界面中绘制的图像处出现空白的情况。

为了解决上述问题，现有技术中，当对绘制的图像进行拖动时，判断图像是否被拖拽至绘制界面的边界处，若确定图像被拖拽至绘制界面的边界处，则禁止图像的拖拽。现有技术虽然能够解决绘制的图像完全不显示于绘制界面中的问题，但是，若绘制的图像过小，且绘制界面较大(超过显示屏幕)时，用户需要拖拽较长的距离才能到达绘制界面的边界处，并且，在拖拽过程中，用户不能确定绘制图像在绘制界面的具体位置，增加了绘制图像的复杂度，降低了用户体验。

发明内容

有鉴于此，本发明提供的一种图像数据的移动方法及装置，主要目的在于实现能够实时确定出绘制图像在绘制界面中的具体位置，减小绘制图像的复杂度，增强用户绘图体验。

为了解决上述问题，本发明主要提供如下技术方案：

一方面，本发明提供了一种图像数据的移动方法，该方法包括：

获取第一绘制界面及第一预设图像的尺寸信息，并确定所述第一预设图像与所述第一绘制界面的相对位置信息；

根据所述第一预设图像与所述第一绘制界面的相对位置信息等比缩小预定倍数，在所述第一绘制界面中生成导航图像；其中，所述导航图像中包含第二绘制界面及第二预设图像，所述第二绘制界面与所述第一绘制界面对应，所述第二预设图像与所述第一预设图像对应；

将所述第二预设图像与所述第一预设图像进行关联同步；

监测所述第一预设图像或所述第二预设图像是否发生移动，并根据监测结果对所述第一绘制界面内的第一预设图像及所述导航图像内的第二预设图像进行同步移动。

可选的，根据监测结果对所述第一绘制界面内的第一预设图像及所述导航图像内的第二预设图像进行同步移动包括：

若监测结果为所述第一预设图像在所述第一绘制界面内移动，则获取第一移动距离，并在所述导航图像中，将所述第二预设图像同步移动第二移动距离；其中，所述第二移动距离根据所述第一移动距离与所述等比缩小预定倍数的除数确定；