① 怎么使用jointjs 在php项目中绘制拓扑图
最近有一个需求是根据数据自动在前端页面画出一个流程导向图,简单说就是把数据以A节点指向B节点,B节点指向C节点这种形式给你,然后让页面自己在一定区域内渲染出一个流程图.当然节点上可能还有其他信息,这个暂时不考虑,就是这样一个需求,最后是借助一个工具完成的.先说一下处理过程:
可以说这个问题一开始我走了弯路,想的不是那么清楚,一开始想的是自己画.低端的就是用html+css各种布局,画出方块和线条,至于箭头什么的再想办法.后来一想这样太低端了,应该专业一点,就打算用canvas或者svg.因为之前用过echarts前端的图标库,知道它底层有个依赖库zrender就是专门弄canvas的,所以好一阵看,感觉还靠谱,能画出来.
这样我们只要把数据处理成对应格式,就可以轻松的自动绘制会流程图.比较给力的是它对数据的支持良好,有多个格式可以选择,而且虽然接口不多,但是对于节点以及线条的操作都有,可以很轻松的改变节点以及线条的样式,这个大家可以看官方的demo.
另外如果要附加交互事件,可以通过jquery实现,也很容易,我使用bootstrap的tooltip很轻松的就加上去了.感觉还是个很给力的库,而且国内这方面资料感觉不多
② 用HTML+CSS+JS如何 动态绘制 网络拓扑图
1.各个应用系统、服务器信息及系统直接的调用都录入到数据库中
2.前端拓扑图、或系统调用关系图的展示UI可以通过一些选项从数据库中捞出数据，然后在UI上动态绘制出关系图来
3.如HTML5 Canvas或基于HTML5 Canvas的JTopo、SVG都可以很好的绘制出这种图来。
③ 监控系统拓扑图
看看这个行吗？
④ 设计题：设计一个小型局域网，画出一个网络拓扑图，以及需要哪些设备
电脑数目小的话用路由器就可以，把路由接在猫上然后设置pppoe的秘密帐号，然后把所有电脑电脑接在路由上设置自动分配ip，这个是星型网络结构，调试是分别在每台电脑cmd里面运行ipconfig命令，可以检测出网卡ip以及dns的证明网络布局成功
如果你电脑数目过多可以用交换机来接路由器然后电脑接交换机，这样就建成一个二级结构，一般电脑超过十台最好设置固定ip，小于十台的可以用路由自动分配
⑤ 有线电视数字前端和模拟前端的区别
有线电视数字前端的设备都是数字电视设备，输出的信号是数字电视信号，图像清晰度高，分辨率可以达到1080P,并且可以再图像上面叠加字幕、图片等信息，数字电视信号抗干扰能力很强，不会在图像上出现麻麻点点。
模拟前端用的设备就是模拟调制器，输出的信号是老式的模拟电视信号，图像清晰度不高，分辨率一般只有400线一下,并且不可以再图像上面叠加字幕、图片等信息，模拟电视信号容易被外界电磁波干扰，图像上面出现麻麻点点，和条纹干扰。
另外我在网上搜索到长沙航天和一电子设备厂官网上一遍文章，解释的很详细，你可以参考一下，希望能帮到你。
酒店数字电视系统的技术优势网页链接
随着社会的进步技术的发展和需求的提高，有线机房里模拟电视前段设备将逐渐被酒店数字前段电视设备替代！
模拟电视技术落伍、功能单一，无法与时俱进。模拟电视是上世纪70年代的技术产物，从技术和功能上都无法满足现代高端酒店的实际需要；酒店数字电视采用全数字化、全IP化、全高清技术，是现代数字网络视频科技的集中体现.
酒店数字电视是在传统电视系统的基础上，在酒店内部增加数字高清编解码设备，基于酒店内部同轴电缆传输网络，为酒店解决个性需求，满足酒店风格化、尊贵化的体验。同时通过电视机系统功能，有效提升酒店的管理、效率、为酒店节省前期投资成本和后期运营成本。
酒店数字电视将以亲民的价格为高端酒店营造个性化、尊贵化的无限价值，是高端酒店电视系统的不二选择。
宾馆酒店数字电视机房系统和传统的酒店模拟电视系统比较有以下优势：
模拟电视图像分辨率低，画面清晰度不好，质量差，特别是在大屏幕液晶电视机上播放节目时效果非常不好；而高清酒店数字电视具有很高的图像质量和伴音质量，传输1080P格式全高清节目,分辨率为1920*1080，伴音达到CD级高保真音响效果，并且酒店数字电视都支持OSD功能，即每个电视频道都支持字幕滚动，图片及酒店微信二维码叠加，添加LOGO字母和符号等功能（例如集团酒店的图案标志，学校的校徽校训，微信公众号的二维码），每个电视频道最多可以支持4个图片或4段字幕文本(例如酒店的营销广告，学校的通知文字等）；可以在电视屏幕任意地方显示；字幕滚动的速度、字幕的位置、图片的位置、透明度、字体的大小、字体的颜色、背景的颜色都可以调节。
模拟电视信号容易受外界干扰，电视机画面很容易会出现雪花点、麻点、干扰横条、斜条的现象，伴音也会出现交流电源声、噪声、低频干扰声等情况；而高清酒店数字电视具有极强的抗干扰能力，即使在线路条件稍差的地方仍可以完美接收信号。
酒店数字前段电视机房拓扑图：
⑥ 数字电视改造的系统拓扑图
数字电视改造应用的具体领域和范围
案例一：某五星级酒店300多台电视，轻松实现50个机顶盒节目全部共享，观看免费和收费节目，从而不改变原有酒店房间的任何布局，费用低廉，管理方便。
案例二：某个商务酒店，30个机顶盒的数字电视节目共享给酒店100多个房间外，还共享了桑拿、沐足等场所的电视观看，并量身定制免费节目，收费节目，自办节目，物美价廉。
案例三：某县（区）高级中学有230个教室，数字电视整体转换后需要230台机顶盒。学校要求自己原来的闭路电视系统功能保留，然后再加上18个数字电视节目（如常用的CCTV-1，CCTV2和各大教育频道等）。公司给学校数字电视改造后，只需要18台机顶盒，利用原来的闭路电视机房和线路，重新加入数字电视前端机房，两者合二为一，完全满足学校的要求，既方便又省钱省心。
案例四：某三级甲等医院的200多台电视，改造后只利用原来有线电视线路，把30台机顶盒做成数字电视前端机房，可轻松实现30个数字电视节目和其它开通的收费节目全部共享给200个病房的电视，从而不改变原有医院病房的任何布局，还可以利用DVD和电脑、播放器等播放医院自己的健康短片和宣传片，使用方便，费用低廉。 案例五：某中等规模的工厂，利用我们公司的数字电视前端机房，把20台机顶盒做成20个数字电视节目信号源，共享给100多个房间、职工宿舍外，也可以量身定制公司的免费自办节目，物美价廉。
⑦ 如何用js实现动态画数据关系图
1.各个应用系统、服务器信息及系统直接的调用都录入到数据库中 2.前端拓扑图、或系统调用关系图的展示UI可以通过一些选项从数据库中捞出数据，然后在UI上动态绘制出关系图来 3.如HTML5 Canvas或基于HTML5
⑧ 谁能推荐一款关于Web前端可以在canvas或SVG上画网络拓扑图（如下图所示）的JS库
http://www.draw2d.org/draw2d/
draw2d touch，最近一直在看，挺强大的，使用的svg实现的。
这是个很好的问题，网络摄像机码流很大，数据量特别大 ，存储问题也成为目前最难搞的一个问题。但目前数量在10台以上的都可以选择服务器磁盘阵列存储。