这次我们要更改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; // 视频预览的滤镜 }值得注意的是,我们的滤镜是加在元素上的,并没有影响视频和图片。也就是说这是个附加的效果。