一种基于网页画布的图形拖动优化方法

基本信息

申请号 CN202010251107.9 申请日 -
公开(公告)号 CN111459486A 公开(公告)日 2020-07-28
申请公布号 CN111459486A 申请公布日 2020-07-28
分类号 G06F8/38(2018.01)I 分类 -
发明人 刘玉生;庾龙鑫 申请(专利权)人 杭州华望系统科技有限公司
代理机构 杭州天勤知识产权代理有限公司 代理人 杭州华望系统科技有限公司
地址 311112浙江省杭州市西湖区三墩镇西园八路3号智汇众创中心E1幢1303-4室
法律状态 -

摘要

摘要 本发明公开了一种基于网页画布的图形拖动优化方法,包括以下步骤:拖动事件开始时,为被拖动的图像元素创建一个虚拟对象;拖动事件进行时,计算虚拟对象的图形样式数据,并在与图像元素不同的离屏画布上根据图形样式数据对虚拟对象进行实时渲染,并将虚拟对象的实时渲染结果与图像元素的离屏画布渲染结果叠加后进行可视化呈现;拖动事件结束时,图像元素根据与其对应的虚拟对象的图形样式数据更新自身的样式数据,并消除虚拟对象。通过虚拟对象将拖动操作瞬时化,减少图形拖动时的计算开销,并将拖动时的图形效果抽离出来以应用离屏canvas进行渲染效率优化,提升图形拖动的流畅性。