admin 管理员组文章数量: 1087139
2024年4月20日发(作者：十进制变为二进制c语言程序)
(19)中华人民共和国国家知识产权局
(12)发明专利说明书
(21)申请号 CN2.6
(22)申请日 2013.09.09
(71)申请人 江苏物联网研究发展中心
地址 214135 江苏省无锡市新区菱湖大道200号中国传感网国际创新园C座
(72)发明人 马超
(74)专利代理机构 无锡市大为专利商标事务所
代理人 曹祖良
(51)
H04N7/18
G06F9/44
G06F17/22
(10)申请公布号 CN 103414888 A
(43)申请公布日 2013.11.27
权利要求说明书 说明书 幅图
(54)发明名称
基于SVG技术的楼宇视频图形化
显示方法
(57)摘要
本发明提供一种基于SVG技术的
楼宇视频图形化显示方法，包括下述步
骤：绘制楼宇各层的平面图以及摄像头图
标；制作楼宇各层的SVG图片，使用摄像
头图标在SVG图片中显示摄像头的位置；
将每个摄像头图标与对应的现场摄像头的
IP地址相关联，并提供用于访问摄像头控
制中心的访问接入数据；编写网页，在网
页中嵌入上述SVG图片；用户根据需要在
网页中点击SVG图片中相关的摄像头图
标，摄像头控制中心控制相应的现场摄像
头采集图像，并回传显示。本发明提供了
较为经济的且又可以结合地图显示的楼宇
监控视频显示方法。
法律状态
法律状态公告日
法律状态信息
法律状态
权 利 要 求 说 明 书
1.一种基于SVG技术的楼宇视频图形化显示方法，其特征在于，包括下述步骤：
S1.获取楼宇各层的平面信息和安装在楼宇各层的摄像头的位置信息，利用制图软
件绘制楼宇各层的平面图以及摄像头图标；
S2.利用SVG绘图软件依据上述楼宇各层的平面图制作楼宇各层的SVG图片；使
用摄像头图标在SVG图片中显示摄像头的位置；为每个摄像头图标分配唯一标识
ID；
S3.将每个摄像头图标与对应的现场摄像头的IP地址相关联，并提供用于访问摄像
头控制中心的访问接入数据；
S4.编写网页，在网页中嵌入上述SVG图片，且所述SVG图片中带有上述摄像头
图标；
S5.用户根据需要在网页中点击SVG图片中相关的摄像头图标，携带有与该摄像头
图标相关联的现场摄像头IP地址的访问请求被发送至摄像头控制中心，摄像头控
制中心控制相应的现场摄像头采集图像，并回传显示。
2.如权利要求1所述的基于SVG技术的楼宇视频图形化显示方法，其特征在于：
所述SVG绘图软件采用SVGDeveloper软件。
3.如权利要求1所述的基于SVG技术的楼宇视频图形化显示方法，其特征在于：
所述用于访问摄像头控制中心的访问接入数据包括用户名、密码和端口号。
说 明 书
技术领域
本发明涉及一种视频监控显示技术，尤其是一种基于SVG技术的楼宇视频图形化
显示方法。
背景技术
近年来，随着城市建设的不断发展，各地盖起了高楼大厦，而白领阶层的工作地点
也越来越集中于密集的写字楼中，所以写字楼的楼宇安全就成了一个重要的问题。
目前主要解决这一问题的方式就是使用视频监控系统，各大摄像头厂商以及系统集
成商都在这一领域大展拳脚。从摄像头的设计，到视频编码的转换，到最后的显示
都有着各自独特的系统。
对于视频监控的显示，目前主要有三种形式：
1 传统的摄像头树形结构，点击一个摄像头都会出现这个摄像头的实时拍摄画面。
2 电视墙显示，这种显示主要用在指挥中心，使用一个矩形区域把很多摄像画面
LED屏拼接起来，形成电视墙，用于指挥和领导视察。
3 基于GIS系统（地理信息系统）的显示，将摄像头和视频部署到地图中，用户可
以点击地图的某个区域来查看这个区域的摄像头实时画面。
而以上几种传统的方式都有着一些问题，传统的摄像头树形结构画面过于古板，不
利于查看，也不便于知晓摄像头的监控位置；而电视墙的显示效果很好，但是没有
结合地理信息。而基于GIS的显示，虽然结合了地理信息，同时又有很好的显示
效果，但是这种功能需要企业购买专业而昂贵的GIS软件，成本过大。
发明内容
本发明的目的是克服现有技术中存在的不足，提供一种基于SVG技术的楼宇视频
图形化显示方法，能够获得一种较为经济的且又可以结合地图显示的楼宇监控视频
显示方法。本发明采用的技术方案是：
一种基于SVG技术的楼宇视频图形化显示方法，包括下述步骤：
S1.获取楼宇各层的平面信息和安装在楼宇各层的摄像头的位置信息，利用制图软
件绘制楼宇各层的平面图以及摄像头图标；
S2.利用SVG绘图软件依据上述楼宇各层的平面图制作楼宇各层的SVG图片；使
用摄像头图标在SVG图片中显示摄像头的位置；为每个摄像头图标分配唯一标识
ID；
S3.将每个摄像头图标与对应的现场摄像头的IP地址相关联，并提供用于访问摄像
头控制中心的访问接入数据；
S4.编写网页，在网页中嵌入上述SVG图片，且所述SVG图片中带有上述摄像头
图标；
S5.用户根据需要在网页中点击SVG图片中相关的摄像头图标，携带有与该摄像头
图标相关联的现场摄像头IP地址的访问请求被发送至摄像头控制中心，摄像头控
制中心控制相应的现场摄像头采集图像，并回传显示。
进一步地，所述SVG绘图软件采用SVGDeveloper软件。
进一步地，所述用于访问摄像头控制中心的访问接入数据包括用户名、密码和端口
号。
本发明的优点：本发明提供了一种低成本的且又可以结合地图显示的楼宇监控视频
显示方法，显示效果好。用户可以根据图示的摄像头位置直观地选择需要进行监控
的视频图像。
附图说明
图1为使用PhotoShop制作的楼层的平面图。
图2为使用SVGDeveloper制作的SVG楼层图片。
图3为摄像头的配置信息示意图。
图4为编写好的网页的示意图。
图5为点击网页中摄像头图标弹出摄像头实时画面示意图。
图6为本发明的方法流程图。
具体实施方式
下面结合具体附图和实施例对本发明作进一步说明。
本发明希望能够获得一种较为经济的又可以结合地图显示的楼宇监控视频显示方法。
楼宇的视频监控系统，一般主要由各视频厂家和集成商安装在各楼层的摄像头，以
及连接各摄像头的摄像头控制中心（后台视频服务器）组成。目前的监控视频的显
示方式存在如背景技术中所述的一些缺点。本发明提出的方法主要基于SVG的图
形显示技术。
SVG可缩放矢量图形（Scalable Vector Graphics）是基于可扩展标记语言（XML），
用于描述二维矢量图形的一种图形格式。SVG严格遵从XML语法，并用文本格式
的描述性语言来描述图像内容，因此是一种和图像分辨率无关的矢量图形格式。
SVG有如下几个优点：
1．任意放缩。用户可以任意缩放图像显示，而不会破坏图像的清晰度、细节等。
2．文本独立。SVG图像中的文字独立于图像，文字保留可编辑和可搜寻的状态。
也不会再有字体的限制，用户系统即使没有安装某一字体，也会看到和他们制作时
完全相同的画面。
3．较小文件。总体来讲，SVG文件比那些GIF和JPEG格式的文件要小很多，因
而下载也很快。
4．超强显示效果。SVG图像在屏幕上总是边缘清晰，它的清晰度适合任何屏幕分
辨力和打印分辨力。
5．超级颜色控制。SVG图像提供一个1600万种颜色的调色板，支持ICC颜色描
述文件标准、RGB、线X填充、渐变和蒙版。
6.完全支持DOM。DOM(Document Object Model文档对象模型)是一种文档平台，
它允许程序或脚本动态的存储和上传文件的内容、结构或样式。由于SVG完全支
持DOM，因而SVG文档可以通过一致的接口规范与外界的程序打交道。SVG以
及SVG中的物件元素完全可以通过脚本语言接受外部事件的驱动，例如鼠标动作，
实现自身或对其他物件、图像的控制等。这也是电子文档应具备的优秀特性之一。
7.采用文本来描述图像。与传统的图像格式不同的是，SVG采用文本来描述矢量化
的图形，这使得SVG图像文件可以像HTML网页一样有着很好的可读性。当用户
用图像工具输出SVG后，可以用任何文字处理工具打开SVG图像，并可看到用来
描述图像的文本代码。掌握了SVG语法的人甚至可以只用一个记事本便可以读出
图像中的内容来。
正是SVG图像具有上述的优点，因此本发明提出的基于SVG技术的楼宇视频图形
化显示方法，利用了楼层的SVG图片作为进行地图显示的廉价的解决方案。具体
包括以下步骤：
步骤S1.如图1所示，首先制作SVG素材，制图人员可以从开发商或者物业处获取
楼宇各层的平面信息和安装在楼宇各层的摄像头的位置信息，根据这些资源，使用
Photoshop软件绘制楼宇各层的平面图以及摄像头图标。
步骤S2.如图2所示，然后制作SVG图片：由软件技术人员使用SVGDeveloper软
件，依据上述楼宇各层的平面图，制作出楼宇各层的SVG图片；还必须用摄像头
图标在SVG图片中显示摄像头的位置，这样摄像头图标就与现场安装的摄像头一
一对应起来。并且在制作过程中，为每个摄像头图标分配唯一标识ID；
步骤S3.如图3所示，接着将每个摄像头图标与对应的现场摄像头的IP地址相关联，
具体可以将摄像头图标的唯一标识ID与对应的现场摄像头的IP地址相关联，这步
的目的是为了以后在使用中，摄像头控制中心可以根据点击的某个摄像头图标去控
制该图标对应的现场摄像头采集图像。在应用中，点击SVG图片中的摄像头图标
后，需要发送访问请求至摄像头控制中心，因此必须预先提供用于访问摄像头控制
中心的用户名、密码和端口号。
步骤S4.如图4所示，需要由网页编写人员利用Jquery的js框架，以及lhgdialog的
弹出窗口js框架，编写网页，在网页中嵌入上述SVG图片，且所述SVG图片中
带有上述摄像头图标；此外如果使用IE8及以下的IE浏览器时，需要安装
SVGView插件，否则IE浏览器无法显示SVG图片。
步骤S5.如图5所示，用户根据需要在网页中点击SVG图片中相关的摄像头图标，
携带有与该摄像头图标相关联的现场摄像头IP地址的访问请求被发送至摄像头控
制中心，摄像头控制中心控制相应的现场摄像头采集图像，并回传显示。
上述方法可制成相应的软件，安装于一服务器中，达到物理上的实现。
版权声明：本文标题：基于SVG技术的楼宇视频图形化显示方法 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/p/1713576256a641553.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论