小程序
小游戏
企业微信
微信支付
扫描小程序码分享
小程序怎么用canvas绘制video？
4 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
this.ctx.drawImage(video,0,0,widht,height) 我这个没法正常绘画
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
我用videodecoder 对视频进行解码，拿到帧数据后，画到canvas上面，不过videodecoder在seek后获取不到帧数据了，求解
draw() { const dpr = wx.getSystemInfoSync().pixelRatio wx.createSelectorQuery().select('#video').context(res => { console.log('select video', res) const video = this.video = res.context wx.createSelectorQuery().selectAll('#cvs1').node(res => { console.log('select canvas', res) const ctx1 = res[0].node.getContext('2d') res[0].node.width = 300 * dpr res[0].node.height = 200 * dpr setInterval(() => { ctx1.drawImage(video, 0, 0, 300 * dpr, 200 * dpr); }, 1000 / 24) }).exec() }).exec() }, }) https://developers.weixin.qq.com/miniprogram/dev/api/canvas/RenderingContext.html
同求
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
this.ctx.drawImage(video,0,0,widht,height) 我这个没法正常绘画
我用videodecoder 对视频进行解码，拿到帧数据后，画到canvas上面，不过videodecoder在seek后获取不到帧数据了，求解
draw() { const dpr = wx.getSystemInfoSync().pixelRatio wx.createSelectorQuery().select('#video').context(res => { console.log('select video', res) const video = this.video = res.context wx.createSelectorQuery().selectAll('#cvs1').node(res => { console.log('select canvas', res) const ctx1 = res[0].node.getContext('2d') res[0].node.width = 300 * dpr res[0].node.height = 200 * dpr setInterval(() => { ctx1.drawImage(video, 0, 0, 300 * dpr, 200 * dpr); }, 1000 / 24) }).exec() }).exec() }, }) https://developers.weixin.qq.com/miniprogram/dev/api/canvas/RenderingContext.html同求