[发明专利]一种图像无损标注方法及系统

说明书

技术领域

本发明属于图像处理领域，尤其涉及一种图像无损标注方法及系统。

背景技术

图像标注技术主要是利用某种手段给图像添加一些文字，指示箭头，局部细节放大，线条，尺寸等等信息，以便表达更准确的信息。用户通过标注信息更加准确的理解图像所传达的内容，研究人员可以根据标注的内容进行更加深入的分析。此外，图像的标注，尤其是三维图像的标注可以更好的辅助设计师创造出优秀的作品。图像标注技术对我们的生活、学习、研究等各方面都具有重要意义。

目前图像标注功能主要是通过各类图像处理软件来实现。这些图像处理软件功能固然很强大，但是软件占用空间太大，缺乏必要的交互，而且学习使用比较费时等问题依然很突出。另一方面，采用图像编辑软件对图像进行标注是在原来的图像上直接操作，标注完成后难以撤消，同时也破坏了用户的原始图像，如果用户想再次使用原始图像资料只能在标注之前手动备份，这也大大降低了用户的体验。

发明内容

为了解决现有技术的缺点，本发明的第一目的是提供一种图像无损标注方法。

本发明的一种图像无损标注方法，该方法从web服务器端和浏览器端混合侧来进行描述，该方法包括：

步骤1：web服务器端接收待标注图像并传送至浏览器端；

步骤2：浏览器端设置canvas元素来加载待标注图像；

步骤3：浏览器端实时监听鼠标点击事件，采集与鼠标点击事件相关联的信息并传送至web服务器端进行存储；每个鼠标点击事件与待标注图像中待标注点及相应标注信息相关联；

步骤4：web服务器端在待标注图像中动态标注与鼠标点击事件相关联的标注点及相应标注信息，动态标注后的图像再传送至浏览器端，由canvas元素动态加载从而实现图像的无损标注。

本发明的该图像标注方法所有操作均是在web服务器端内处理图像的canvas层，实现了对图像的在线标注，同时未对原始图像造成任何破坏；而且该方法在web服务器端与浏览器端进行交互实现，具有低耦合性、高可复用性，能方便地应用到其他web系统中，且能够实现用户对系统中的图像进行在线添加、分享标注信息；本发明的该图像标注方法无需安装软件搭建特有运行环境等繁琐操作，达到了增强用户体验，使图像标注更加便捷的目的。

进一步地，在所述步骤1中，还包括：web服务器端解析待标注图像中所有原始标注点位置信息及标注信息并传送至浏览器端由canvas元素加载。

该步骤产生的有益效果：为还原图像已有的标注信息提供数据，同时为动态展示标注内容，响应用户获取标注内容的请求做准备，将已有的标注点还原到原来的位置，对文本标注等复杂信息仅当鼠标移动到该位置时才显示，避免了对图像信息的遮挡，同时使界面更整洁友好。

进一步地，在所述步骤1中，待标注图像存储于云端，云端将其内存储的待标注图像传送至web服务器端。待标注图像采用云端存储，一方面节约了大量本地存储空间，另一方面借助云端的安全监测保证用户共享的信息安全可靠。

进一步地，在所述步骤1中，web服务器端还解析待标注图像的宽、高以及待标注图像的旋转信息，按照图像缩放比例计算当缩放为0时的所有原始标注点位置。

这样能够计算标注信息在不同旋转角度(用于三维图像)与缩放比例(用于二维图像)状态下的相对位置，以便准确定位标注点位置；针对三维图像的旋转，标注位置坐标同相机位置一起记录，当发生旋转时重新渲染一次标注点即可。

进一步地，在所述步骤3中，当web服务器端接收到的鼠标点击事件相关联的位置信息相同，则利用最后一次接收的鼠标点击事件相关联的位置信息及标注信息来覆盖前一次采集的信息。这样能够减少web服务器端的数据冗余存储，这样在查询图像的位置信息及标注信息能够大大减少数据的查询操作，提高查询效率。

进一步地，web服务器端还对每个待标注图像设置一个唯一的ID值，ID值及其相应待标注图像中标注点位置及标注信息相关联。

web服务器端存储鼠标点击事件相关联的位置信息及标注信息时，连同待标注图像相应的ID值一起存储。这样通过检索标注信息就可以找到对应图像，最大程度保证了搜索结果的准确性。

本发明的第二目的是提供一种图像无损标注系统。

本发明的一种图像无损标注系统，包括web服务器端和浏览器端；

web服务器端，其被配置为：接收待标注图像并传送至浏览器端；

浏览器端，其被配置为：

设置canvas元素来加载待标注图像；