WebRTC与CSS滤镜(CSS filter) (2)

这次我们要更改video的filter。改变滤镜的种类时,把滤镜设置给canvas和video的style。

function changeFilter() { var filterValue = "" + filterSelect.value + "(" + slider.value + "%)"; if (filterSelect.value == "blur") { filterValue = "" + filterSelect.value + "(" + slider.value + "px)"; } else if (filterSelect.value == "none") { filterValue = ""; } sampleCanvas.style.filter = filterValue; // 图片的滤镜 canvas.style.filter = filterValue; // 图片的滤镜 video.style.filter = filterValue; // 视频预览的滤镜 }

值得注意的是,我们的滤镜是加在元素上的,并没有影响视频和图片。也就是说这是个附加的效果。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zwppsw.html