HTML5中video标签与canvas绘图的使用

原文：https://www.cnblogs.com/zhuzhenwei918/p/6822834.html

video标签的使用

video标签定义视频， 它是Html5中的新标签， 它的属性如下（参考自文档）：

domo01

src 即视频的路径

loop 即是否循环，即播放结束之后继续播放

autoplay 即准备就绪之后就播放

controls 即出现控制控件，如果没有则无开始暂停等按钮

width和height可以控制video的宽度和高度

canvas中drawImage的使用

即接受的第一个参数可以是img，也可以是video，还可以是canvas， 后面的参数是用于剪切和控制宽高。

domo02:

截屏

我们先获取到canvas环境，然后点击按钮后就可以将当前视频截屏。

navigator.mediaDevices.getUserMedia()

通过这个方法，我们可以获得使用本地摄像头的权利，官方文档。

使用的时候一般都是和video标签向结合，即摄像头在video上显示出来。

demo03:

下面这个还是比较有意思的：

demo05

Canvas HTML HTML5

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。