小程序
小游戏
企业微信
微信支付
扫描小程序码分享
小程序怎么用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
同求