[发明专利]一种基于网页画布的图形拖动优化方法

权利要求书

1.一种基于网页画布的图形拖动优化方法，其特征在于，所述图形拖动优化方法包括以下步骤：

拖动事件开始时，为被拖动的图像元素创建一个虚拟对象；

拖动事件进行时，计算虚拟对象的图形样式数据，并在与图像元素不同的离屏画布上根据图形样式数据对虚拟对象进行实时渲染，并将虚拟对象的实时渲染结果与图像元素的离屏画布渲染结果叠加后进行可视化呈现；

拖动事件结束时，图像元素根据与其对应的虚拟对象的图形样式数据更新自身的样式数据，并消除虚拟对象。

2.如权利要求1所述的基于网页画布的图形拖动优化方法，其特征在于，拖动事件开始时，为被拖动的图像元素创建一个虚拟对象，并初始化虚拟对象基础图形样式数据，然后将该虚拟对象及对应的基础图形样式数据注册到虚拟工厂。

3.如权利要求2所述的基于网页画布的图形拖动优化方法，其特征在于，根据图像元素的初始状态、鼠标的初始状态计算虚拟对象的基础图形样式数据。

4.如权利要求2所述的基于网页画布的图形拖动优化方法，其特征在于，拖动事件进行时，即鼠标移动时检测到虚拟工厂中有与被移动的图像元素对应的虚拟对象被注册，则自动调用虚拟对象的绘制算法实时计算虚拟对象的图形样式数据，并将图形样式数据存储到虚拟工厂。

5.如权利要求4所述的基于网页画布的图形拖动优化方法，其特征在于，所述绘制算法根据图像元素的初始状态、鼠标的初始状态以及当前鼠标坐标计算虚拟对象的图形样式数据。

6.如权利要求2所述的基于网页画布的图形拖动优化方法，其特征在于，拖动事件结束时，从虚拟工厂中根据图像元素的自身ID获取到与图像元素对应的虚拟对象，然后根据该虚拟对象的图形样式数据更新自身样式数据。

7.如权利要求2所述的基于网页画布的图形拖动优化方法，其特征在于，当图像元素更新完自身的样式数据时，从虚拟工厂中注销虚拟对象，此时屏幕上的虚拟对象消失。

8.如权利要求2所述的基于网页画布的图形拖动优化方法，其特征在于，根据图形样式数据对虚拟对象进行实时渲染，自动代用虚拟对象的渲染算法，利用渲染算法并根据虚拟对象的图形样式数据对虚拟对象进行实时渲染。