canvas与html5实现视频截图功能示例

这里我们需要再在页面上画一个canvas画布--contextImg，然后再次利用drawImage方法，截图。

contextImg.drawImage(canvasVideo,0,0,canvasVideo.width,canvasVideo.height); 

这段代码将第一个canvas画到了第二个canvas上。

4.制作截图按钮

制作一个按钮，然后绑定click事件，点击后就调用上一步的函数，这样就可以制作一个截图了。

当图截好后可以将图右键保存下来，然后倒入ps制作表情包了。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。