用canvas实现图片滤镜效果附演示.docxVIP

这是一个很有意思的特效，模拟摄像机拍摄电视屏幕画面时出现点状颗粒的效果。 颗粒 的大小通过变换矩阵实现，可以任意调节，有兴趣研究的朋友可以尝试更多的效果， 代码没 有经过优化，只是一个粗糙的 Demo，大家可以自行改进。 1?获取图像数据 代码如下： img.src = /wp-c onten t/themes/fr on tope n2/tools/filter/image2.jpg can vas.width = img.width;该文档为文档投稿赚钱网作品，版权所有，违责必纠 can vas.height = img.height; var con text = can vas.getC on text( “ 2d” );该文档为文档投稿赚钱网作品，版权所有，违责必纠 con text.drawlmage(img, 0, 0); var can vasData = con text.getImageData(0, 0, can vas.width, can vas.height);该文档为文档投稿赚钱网作品，版权所有，违责必纠 2.设置过滤矩阵 代码如下： var m_VideoType=0; var patter n=new Array(); switch (m_VideoType) { case0:〃VIDE0_TYPE.VIDE0_STAGGERED: { pa