如何使用 HTML5 Canvas 制作水波纹效果

html-css025

如何使用 HTML5 Canvas 制作水波纹效果,第1张

看看flash是怎么做的吧。水波波纹效果有好多种做法,实现难度不一样,效果也不一样。

比如这个

http://bbs.9ria.com/forum.php?mod=viewthread&tid=404246&highlight=%E6%B0%B4%E6%B3%A2

可以在论坛搜一搜,有讲原理的,也有直接贴源码的。用遮罩做比较简单,用柏林噪声做比较难。

我们首先打开PHOTOSHOP新建个640*480的文件,并将背景填充为黑色。

2

我们执行滤镜-渲染-镜头光晕。

3

我们再执行,滤镜-扭曲-水波。

4

在弹出的窗口中,我们可以将数值设大一些,产生如下效果。

5

我们继续执行滤镜-素描-铬黄。

6

在弹出的窗口中,自己调整数值,尽量使看上去平滑。

7

咱们再在背景图层上新建一个图层,用油漆桶填上自己喜欢的颜色。

8

再将该图层混合模式改为叠加,就出来自己喜欢效果。

摄像头仅仅是视频监控系统的一部分,即使摄像头完好无损,监控画面也可能会出现不显示、卡顿、丢失等情况。想要彻底解决网络监控的问题,往往需要排查各个连接设备才可以判断。下面我们就总结了10个问题,彻底解决网络监控的问题。一、无法搜索到网络摄像机是否修改过网络摄像机的IP地址,请确保网络摄像机与NVR的网络互相连通,可以ping下,看否能通。二、摄像机与NVR连接后画面卡顿图像卡顿往往很多因素在于网络带宽的问题,涉及外部设备交换机、NVR、网线等,可以将摄像机帧数、分辨率、码流等降低观察,将摄像机单独与PC连接观察实时图像是否顺畅。三、摄像机图像黑屏1、检查电源是否接好,电源电压是否满足要求 2、尝试单独一台摄像机与PC连接,如出现图像,很可能是由于与其他摄像机IP冲突,或带宽达到上限。3、PoE供电时请确认网线质量是否达标。(直接用万用表测网线的电阻即可)四、图像出现斜纹、水波纹、横线此种情况不一定是产品本身问题,很多情况下是由于以下原因造成的:1、线材质量问题,建议尽量使用国标线材。质量较差的线材在传输过程中易出现被干扰现象。2、视频线或摄像机被强磁场干扰。强磁场源如:大功率电动机,高频发射机等;强磁场将会对绝大多数摄像机产生干扰。3、传输线路过长4、判断时请将摄像机更换线材、电源等并单独连接测试。五、图像时有时无1、电源电压供应是否稳定2、网线水晶头是否松动未牢固3、电源线是否有断线、接触不良4、网络带宽达到上限,导致有时摄像机无图像传输。六、红外摄像机在白天工作正常晚上无图像是电源或PoE交换机的功率达不到要求所致,因为红外一体机在白天工作时与普通摄像机无异,但到晚上时红外灯处于工作状态,工作电流突然变大导致超过负载。举个例子,摄像头是18W,共有7个这样的摄像头,如果你用的一个8 PoE供电口的交换机,电源功率是150W,除去损耗PoE总功率大概在140W左右,是对的白天没问题,但是到了晚上开启红外后,功率就会大些,所以还是这台交换机,肯定带不动了,那么就得跟换一个功率更高的PoE交换机,比如换成200W以上的。七、用一台交换机能连接多少台摄像机根据每台网络摄像机参数设置不同(分辨率、帧数、画质等不同)例如一台200W像素的摄像机的码流带宽为4Mbps,而一台交换机实际的带宽只有理论值的60%左右(百兆交换机大致按60Mbps,千兆则600Mbps)。1.如果用百兆交换机,可以接15台(15*=60Mbps)2.如果用千兆交换机,可以接150台(150?=600M)3.这些都是以主流的H.264摄像头为例的,如果是H.265的摄像头的话,同等画面质量带宽减半,这意味着可以带多一倍的监控摄像机。八、快球摄像机使用POE交换机供电不足一般快球所用功率往往比其他类型摄像机要大,所以现场在选用PoE供电时一定要注意选用POE+交换机,实际现场使用中仍建议采用电源进行供电。(考虑到距离、环境、稳定性等因素)。九、NVR与摄像机为不同品牌时注意事项1、目前主流厂家所生产的摄像机大多为0NVIF协议,在NVR添加摄像机时注意协议匹配。有的时候设置了onvif协议并没有解决问题,可能的原因:1、摄像机ip地址没有与录像机在同一个网段。2、端口没有设置正确,3、密码没有设置正确。4、摄像头出厂没有开启onvif协议。于是就针对这些问题进行逐一排查。排查过后,这些可能的原因都排查了一遍,但问题摄像头还是添加不进去。怎么办呢?上面都进行检测了,为什么还没有解决呢?可能是海康的摄像头没有激活,大华的nvr添加海康的摄像头需要激活,可能是没有给海康的摄像头添加一个用户,于是就,海康摄像头添加用户,再确认启用onvif协议。网络→高级配置→集成协议添加用户,密码最好与录像机的密码一样,方便直接添加。再确认启用onvif协议。然后摄像头断电重启,这个问题经常会遇到。十、NVR为什么添加不上分辨率的摄像机请查看NVR的参数,NVR所支持的摄像机最大分辨率,一般是显示资源不足,如不支持可以在摄像机设置中降低分辨率。