[发明专利]一种图片元素显示方法和装置

摘要

本申请提供了一种图片元素显示方法和装置，涉及网络技术领域。本申请的方法包括：当侦听到鼠标开始拖拽动作时，添加遮罩层，并在遮罩层创建被拖拽的第一图片元素对应的第二图片元素；所述第二图片元素为包括第一图片元素内容数据的图标；获取鼠标移动过程中的坐标，将所述第二图片元素的坐标随所述鼠标移动过程中的坐标改变而改变；当侦听到鼠标弹起时，隐藏所述遮罩层，根据鼠标弹起时所指第三图片元素，将第一图片元素的内容数据与第三图片元素的内容数据进行交换；将交换后得到的图片元素进行重新渲染显示。本申请减少了回流的次数，即需要重新计算位置的元素的个数，从而也减少了重绘的次数，降低了系统资源占用率，也降低了CPU的使用率。

主权项

一种网页中图片元素显示方法，其特征在于，包括：侦听页面显示区域中第一图片元素的拖拽动作开始，添加遮罩层；其中所述遮罩层添加在页面文档元素模型树中最后一个元素位置之后，所述遮罩层置于顶层，所述遮罩层覆盖的区域包括页面显示的区域；在遮罩层创建被拖拽的第一图片元素对应的第二图片元素，所述第二图片元素为包括第一图片元素的内容数据中的图片；侦听第二图片元素的拖拽移动，根据拖拽移动设置所述第二图片元素的位置；侦听页面显示区域中第一图片元素的拖拽动作结束，隐藏所述遮罩层，根据拖拽动作结束处的第三图片元素，将第一图片元素的内容数据与第三图片元素的内容数据进行交换；在所述页面显示的区域中仅渲染被交换的第一图片元素和第三图片元素。