一种页面中处理图形的方法和装置的制造方法
【技术领域】
[0001]本发明涉及页面处理领域，具体涉及一种页面中处理图形的方法，以及和一种页面中处理图形的装置。
【背景技术】
[0002]目前，在页面中多采用canvas元素绘制图形，canvas元素是HTML5的一部分(HyperText Mark-up Language，超文本标记语言)。采用canvas元素在网页上绘制图像时，向HTML5页面添加canvas元素，canvas元素本身没有绘图能力，所有的绘制工作在脚本语言JavaScript内部完成，通过JavaScript控制其每一像素的展示效果，具体而言，JavaScript根据图形的属性，修改图形所覆盖的区域内各个像素点的属性来达到在页面上生成图形的目的。
[0003]如上方案绘制的图形，存储单位是图形覆盖的页面区域上每一点的像素值，存储结果是以png或jpg格式保存的位图。一旦图形被绘制完成，在页面资源文件中，图形与所覆盖的页面就是一体的，无法对其进行单独处理。
[0004]当需要对图形文件进行擦除时，图形所覆盖的整个场景也需要重新编写，包括页面中任何已被该图形覆盖的页面区域，对其中每个元素的像素值进行修改，使得对图形的处理非常的麻烦。
【发明内容】
[0005]鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的页面中处理图形的方法和相应的页面中处理图形的装置。
[0006]依据本发明的一个方面，提供了一种页面中处理图形的方法，包括:
[0007]接收用户对页面中展示的图形进行修改的操作；
[0008]从所述页面对应的页面资源文件中提取用于描述所述图形的图形文件，并根据对所述图形进行修改的操作对所述图形文件进行更新；
[0009]加载插入已更新的图形文件的所述页面资源文件，生成展示修改后的图形的页面。
[0010]可选地，所述接收用户对页面中展示的图形进行修改的操作包括:
[0011]跟踪用户对所述图形进行修改的操作在所述页面的运动轨迹。
[0012]可选地，在所述接收用户对页面中展示的图形进行修改的操作之前，所述方法还包括:
[0013]接收针对所述页面上展示的图形修改接口的选择信息。
[0014]可选地，所述接收针对所述页面上展示的图形修改接口的选择信息包括:
[0015]接收对所述页面上预置的图形绘制接口的访问操作；
[0016]在所述图形绘制接口相关联的位置生成展示图形修改接口的悬浮窗，并接收针对所述悬浮窗中展示的所述图形修改接口的选择信息。
[0017]可选地，所述图形展示在所述页面的绘图区域中，所述从所述页面对应的页面资源文件中提取用于描述所述图形的图形文件包括:
[0018]在所述页面资源文件包括的多个页面元素中查找所述绘图区域对应页面元素；
[0019]在所述绘图区域对应页面元素中查找预设的超文本标记语言标签，并从查找的超文本标记语言标签中提取用于描述所述图形的图形文件。
[0020]可选地，在所述根据对所述图形进行修改的操作对所述图形文件进行更新之前，所述方法还包括:
[0021]根据用户对所述图形进行修改的操作的运动轨迹确定所述图形中待修改的目标图形。
[0022]可选地，所述根据用户对所述图形进行修改的操作的运动轨迹确定所述图形中待修改的目标图形包括:
[0023]将所述图形与所述运动轨迹重合的部分图形作为待修改的目标图形。
[0024]可选地，所述图形由先后绘制的多个子图形组成，所述根据用户对所述图形进行修改的操作的运动轨迹确定所述图形中待修改的目标图形包括:
[0025]根据所述运动轨迹以及与所述运动轨迹绑定的预设图形确定所述运动轨迹覆盖的选择区域；
[0026]查找所述图形中位于所述选择区域内的部分图形，将所查找的部分图形所属的至少一个子图形作为待修改的目标图形。
[0027]可选地，所述对页面中展示的图形进行修改的操作为对所述图形或所述图形中部分图形进行删除的操作；
[0028]所述图形文件记录表征所述页面中展示的图形的展示效果的图形属性；
[0029]所述根据对所述图形进行修改的操作对所述图形文件进行更新包括:
[0030]根据对所述待修改的目标图形进行删除的操作，删除所述图形文件中表征所述目标图形的展示效果的图形属性。
[0031]可选地，所展示的图形为可伸缩矢量图形；
[0032]所述页面采用浏览器进行展示，所述浏览器上安装有用于加载所述可伸缩矢量图形的图形插件；
[0033]或，所述页面采用非浏览器的其它页面应用进行展示，所述页面应用上安装有用于加载所述可伸缩矢量图形的图形插件。
[0034]可选地，所述加载插入已更新的图形文件的所述页面资源文件，生成展示修改后的图形的页面包括:
[0035]所述浏览器或所述页面应用加载插入已更新的图形文件的页面资源文件，重新生成所述页面，其中，当加载到所述图形文件时，所述浏览器或所述页面应用调用用于加载所述可伸缩矢量图形的图形插件，由所述图形插件解析所述已更新的图形文件并加载修改后的图形。
[0036]可选地，所述图形文件为可扩展标记语言文本格式的图形文件；
[0037]所述页面为实现对交易对象的交易过程的交易网页，所述交易页面的绘图区域为以图表形式展示所述交易对象的历史交易数据的页面区域。
[0038]根据本发明的另一个方面，提供了一种页面中处理图形的装置，包括:
[0039]操作接收模块，用于接收用户对页面中展示的图形进行修改的操作；
[0040]图形文件提取模块，用于从所述页面对应的页面资源文件中提取用于描述所述图形的图形文件；
[0041]图形文件更新模块，用于根据对所述图形进行修改的操作对所述图形文件进行更新；
[0042]文件加载模块，用于加载插入已更新的图形文件的所述页面资源文件，生成展示修改后的图形的页面。
[0043]可选地，所述操作接收模块，具体用于跟踪用户对所述图形进行修改的操作在所述页面的运动轨迹。
[0044]可选地，所述装置还包括:
[0045]信息接收模块，用于接收针对所述页面上展示的图形修改接口的选择信息。
[0046]可选地，所述信息接收模块包括:
[0047]访问接收子模块，用于接收对所述页面上预置的图形绘制接口的访问操作；
[0048]悬浮窗生成子模块，用于在所述图形绘制接口相关联的位置生成展示图形修改接口的悬浮窗，并接收针对所述悬浮窗中展示的所述图形修改接口的选择信息。
[0049]可选地，所述图形展示在所述页面的绘图区域中，所述图形文件提取模块包括:
[0050]元素查找子模块，用于在所述页面资源文件包括的多个页面元素中查找所述绘图区域对应页面元素；
[0051]标签查找子模块，用于在所述绘图区域对应页面元素中查找预设的超文本标记语言标签，并从查找的超文本标记语言标签中提取用于描述所述图形的图形文件。
[0052]可选地，所述装置还包括:
[0053]图形确定子模块，用于根据用户对所述图形进行修改的操作的运动轨迹确定所述图形中待修改的目标图形。
[0054]可选地，所述图形确定子模块，具体用于将所述图形与所述运动轨迹重合的部分图形作为待修改的目标图形。
[0055]可选地，所述图形由先后绘制的多个子图形组成，所述图形确定子模块包括:
[0056]区域确定子单元，用于根据所述运动轨迹以及与所述运动轨迹绑定的预设图形确定所述运动轨迹覆盖的选择区域；
[0057]图形查找子单元，用于查找所述图形中位于所述选择区域内的部分图形，将所查找的部分图形所属的至少一个子图形作为待修改的目标图形。
[0058]可选地，所述对页面中展示的图形进行修改的操作为对所述图形或所述图形中部分图形进行删除的操作；
[0059]所述图形文件记录表征所述页面中展示的图形的展示效果的图形属性；
[0060]所述图形文件更新模块，具体用于根据对所述待修改的目标图形进行删除的操作，删除所述图形文件中表征所述目标图形的展示效果的图形属性。
[0061]可选地，所展示的图形为可伸缩矢量图形；
[0062]所述页面采用浏览器进行展示，所述浏览器上安装有用于加载所述可伸缩矢量图形的图形插件；
[0063]或，所述页面采用非浏览器的其它页面应用进行展示，所述页面应用上安装有用于加载所述可伸缩矢量图形的图形插件。
[0064]可选地，所述文件加载模块，具体用于所述浏览器或所述页面应用加载插入已更新的图形文件的页面资源文件，重新生成所述页面，其中，当加载到所述图形文件时，所述浏览器或所述页面应用调用用于加载所述可伸缩矢量图形的图形插件，由所述图形插件解析所述已更新的图形文件并加载修改后的图形。
[0065]可选地，所述图形文件为可扩展标记语言文本格式的图形文件；
[0066]所述页面为实现对交易对象的交易过程的交易网页，所述交易页面的绘图区域为以图表形式展示所述交易对象的历史交易数据的页面区域。
[0067]依据本发明实施例，页面中展示的图形在页面资源文件中保存有对应描述所述图形的图形文件，当接收到对图形进行修改的操作时，从页面资源文件中提取该图形文件并根据对图形的修改操作对图形文件进行更新，进一步根据更新后的页面资源文件加载得到展示修改后的图形的页面。与【背景技术】相比，本发明实施例所提供的在页面绘制图形的方案中，描述图形的图形文件与描述绘图区域的内容是互相独立的，当需要对图形进行修改时，可以单独对图形文件进行处理，无需重新修改整个绘图区域中每个像素点的属性，从而可以加快图形更新的速度，节约对终端资源的占用