uniapp中把视频绘制在canvas中

要在uniapp中把视频绘制在canvas中，可以使用uni.createVideoContext()方法来创建一个视频上下文对象，然后调用它的drawCanvas()方法将视频绘制在canvas上。具体步骤如下：

1. 在模板中添加canvas组件，设置宽高和id：

<canvas canvas-id="myCanvas" style="width:100%;height:300px;"></canvas>

2. 在页面的onLoad()方法中创建视频上下文对象：

onLoad(){
    this.videoContext = uni.createVideoContext('myVideo', this);
}

3. 在视频加载完成后，调用视频上下文对象的drawCanvas()方法将视频绘制在canvas上：

onVideoLoaded(){
    this.videoContext.drawCanvas({
        canvasId: 'myCanvas',
        success: function(res) {
            console.log(res);
        }
    });
}

注意：在drawCanvas()方法中，需要传入canvas的id，即上面模板中设置的'id'属性值，同时还需要传入一个回调函数，用于接收绘制成功后的返回值。

另外，还需要在页面的onUnload()方法中及时销毁视频上下文对象：

onUnload(){
    this.videoContext = null;
}

这样，就可以把视频成功绘制在canvas上了。