[发明专利]一种浏览器图像显示方法及终端

权利要求书

1.一种浏览器图像显示方法，其特征在于，包括：

终端接收图像绘制指令，所述图像绘制指令用于指示所述终端在浏览器中绘制需要显示的图像；

所述终端根据所述图像绘制指令在第一画布中绘制所述图像；

所述终端将所述终端在第一画布中绘制的所述图像发送给第二画布，所述浏览器包括所述第一画布与所述第二画布；

所述终端将所述图像存储在第二画布中，并记录所述第二画布中存储的所述图像的数据信息，所述数据信息用于浏览器中的插件解析所述第二画布中存储的图像；

当满足预置条件时，所述终端将所述第二画布存储的图像发送给所述浏览器中的插件，使得所述插件根据所述数据信息完成所述图像的显示；

所述终端将所述图像存储在第二画布中具体包括：

所述终端对发送给所述第二画布的所述图像进行组织，确定所述图像的最小外包矩形，并从所述第二画布中的初始存储区域开始，依次存储所述图像；

所述图像的数据信息具体包括：所述图像的面积大小、存储区域、和存储坐标。

2.根据权利要求1所述的方法，其特征在于，所述终端接收图像绘制指令之前还包括：

所述终端接收用户发送的画布创建指令；

所述终端根据所述画布创建指令在所述浏览器中创建所述第一画布和所述第二画布，并使得所述第一画布的宽高的比值与所述插件的宽高的比值相同，且所述第二画布的宽高的比值与所述插件的宽高的比值相同，所述第一画布和第二画布的形状为矩形。

3.根据权利要求1所述的方法，其特征在于，所述终端根据所述图像绘制指令在第一画布中绘制所述图像具体包括：

所述终端根据所述图像绘制指令设置所述图像的颜色和/或面积，并调用所述浏览器的脚本在第一画布中绘制所述图像。

4.根据权利要求1至3中任一项所述的方法，其特征在于，所述当满足预置条件时，所述终端将所述第二画布存储的图像发送给所述浏览器中的插件具体包括：

当所述第二画布存储的图像的数据量超过预置数值时，所述终端将所述第二画布存储的图像发送给所述浏览器中的插件；

和/或，

当所述终端获取到来自用户的发送指令时，所述终端根据所述发送指令将所述第二画布存储的图像发送给所述浏览器中的插件。

5.一种终端，其特征在于，包括：

第一接收单元，用于接收图像绘制指令，所述图像绘制指令用于指示终端在浏览器中绘制需要显示的图像；

绘制单元，用于根据所述图像绘制指令在第一画布中绘制所述图像；

第一发送单元，用于将所述终端在第一画布中绘制的所述图像发送给第二画布，所述浏览器包括所述第一画布与所述第二画布；

存储记录单元，用于将所述图像存储在第二画布中，并记录所述第二画布中存储的所述图像的数据信息，所述数据信息用于浏览器中的插件解析所述第二画布中存储的图像；

第二发送单元，用于当满足预置条件时，将所述第二画布存储的图像发送给所述浏览器中的插件，使得所述插件根据所述数据信息完成所述图像的显示；

所述存储记录单元具体包括：

数据组织单元，用于对发送给所述第二画布的所述图像进行组织；

存储记录子单元，用于从所述第二画布中的初始存储区域开始，依次存储所述图像，并记录所述第二画布中存储的所述图像的数据信息；

所述图像的数据信息具体包括：所述图像的面积大小、存储区域、和存储坐标。

6.根据权利要求5所述的终端，其特征在于，所述终端还包括：

第二接收单元，用于接收用户发送的画布创建指令；

创建单元，用于根据所述画布创建指令在所述浏览器中创建所述第一画布和所述第二画布，并使得所述第一画布的宽高的比值与所述插件的宽高的比值相同，且所述第二画布的宽高的比值与所述插件的宽高的比值相同，所述第一画布和第二画布的形状为矩形。

7.根据权利要求5所述的终端，其特征在于，所述绘制单元具体包括：

设置单元，用于根据所述图像绘制指令设置所述图像的颜色和/或面积；

绘制子单元，用于调用所述浏览器的脚本在第一画布中绘制所述图像。

8.根据权利要求5至7中任一项所述的终端，其特征在于，所述第二发送单元包括：

第一发送子单元，用于当所述第二画布存储的图像的数据量超过预置数值时，将所述第二画布存储的图像发送给所述浏览器中的插件；

和/或，

第二发送子单元，用于当所述终端获取到来自用户的发送指令时，根据所述发送指令将所述第二画布存储的图像发送给所述浏览器中的插件。