[发明专利]一种浏览器及其实现web图片评论添加和显示的方法

说明书

技术领域

本发明涉及互联网技术领域，尤其涉及一种浏览器及其实现web图片评论添加和显示的方法。

背景技术

网站上的图片评论一般的实现方法和普通评论一样，在图片下方一条条展示评论内容。但如果想针对图片上的某个局部评论，只能通过文字描述来起定位的作用，这种方式很不形象直观，使得评论效果大打折扣。

发明内容

本发明提供一种浏览器及其实现web图片评论添加和显示的方法，用以解决现有技术不能实现图片定位评论的问题。

具体的，本发明提供一种web图片评论添加方法，包括：

获取图片评论内容和图片评论位置信息，计算所述图片评论位置与图片内一固定参考点间的相对坐标；

将包括所述相对坐标、评论内容和图片ID的评论参数上传到web服务器，并利用所述评论参数形成评论信息层后置于图片层上。

所述方法中，计算图片评论位置与图片内一固定参考点间的相对坐标包括：

计算所述固定参考点的绝对坐标，将所述图片评论位置的绝对坐标与固定参考点的绝对坐标做差，得到所述图片评论位置与固定参考点间的相对坐标。

其中，所述固定参考点为所述图片左上角的顶点；所述固定参考点的绝对坐标是以该图片为子对象向外到最外层父对象之间每层的相对坐标的和。

所述方法中，当所述图片为缩放后的图片时，将上传到web服务器的相对坐标按着图片缩放比例进行1∶1还原。

本发明还提供一种web图片评论显示方法，包括：

向web服务器发送显示图片评论请求，并接收所述web服务器反馈的包括相对坐标和评论内容的评论参数；

计算图片评论位置在web页面内的绝对坐标，并将基于该图片评论位置的绝对坐标和评论参数形成的评论信息层置于web页面内的图片层上实现评论显示。

所述方法中，计算图片评论位置在web页面内的绝对坐标包括：

计算所述相对坐标的固定参考点在web页面中的绝对坐标，将该绝对坐标与相对坐标求和得到图片评论位置在web页面内的绝对坐标。

其中，相对坐标的固定参考点为所述图片左上角的顶点；所述固定参考点的绝对坐标是以该图片为子对象向外到最外层父对象之间每层的相对坐标的和。

本发明所述方法进一步具有以下特点：

当所述图片为缩放后的图片时，在接收到所述相对坐标后，将所述相对坐标根据图片的缩放比例进行缩放处理；

所述向web服务器发送显示图片评论请求的触发条件包括：进入web页面时浏览器主动触发或者进入web页面后由用户触发；

所述评论信息显示的方式包括下述方式中的一种：按着评论时间顺序显示、按着设定的评论信息条数显示和按着优先级顺序显示。

本发明还提供一种浏览器，包括：评论添加模块和评论显示模块；

所述评论添加模块，包括：

信息获取模块，用于获取图片评论内容和图片评论位置信息，计算所述图片评论位置与图片内一固定参考点间的相对坐标；

评论添加实现模块，用于将包括所述相对坐标、评论内容和图片ID的评论参数上传到web服务器，并将利用所述评论参数形成的评论信息层置于图片层上；

所述评论显示模块，包括：

评论参数获取模块，用于向web服务器发送显示图片评论请求，并接收所述web服务器反馈的包括相对坐标和评论内容的评论参数；

评论显示实现模块，用于计算图片评论位置在web页面内的绝对坐标，并将基于所述图片评论位置的绝对坐标和评论参数形成的评论信息层置于web页面内的图片层上实现评论显示。

本发明所述浏览器进一步具有以下特点：

当所述图片为缩放后的图片时，所述信息获取模块将上传到web服务器的相对坐标按着图片缩放比例进行1∶1还原。

当所述图片为缩放后的图片时，所述评论参数获取模块在接收到所述相对坐标后，将所述相对坐标根据图片的缩放比例进行缩放处理。

所述评论参数获取模块向web服务器发送显示图片评论请求的触发条件包括：进入web页面时浏览器主动触发或者进入web页面后由用户触发；

所述评论显示实现模块进行评论信息显示的方式包括下述方式中的一种：按着评论时间顺序显示、按着设定的评论信息条数显示和按着优先级顺序显示。

与现有技术相比，本发明有益效果如下：