缩略图/canvas/Video截图

lx_9119

于 2020-10-23 11:20:10 发布

阅读量266

点赞数

本文链接：https://blog.csdn.net/lx_9119/article/details/109239018

版权

本文主要介绍了如何利用HTML5的canvas元素对视频内容进行截图，包括设置canvas尺寸、播放视频、绘制视频帧到canvas以及导出截图图片的详细步骤。

摘要由CSDN通过智能技术生成

	1.获取当前video的dom节点
	let Video = document.getElementById('ShowVideo');
	2.创建canvas节点
	let canvas = document.createElement('canvas');
	3.设置canvas为2D并在上边画图片
	element : 需要转换成图片的节点
	x：x轴坐标
	y：y轴坐标
	width：生成图片宽度
	height：生成图片高度
							
	canvas.getContext('2d').draw