收藏
回答

小程序怎么用canvas绘制video?

小程序怎么用canvas绘制video?

回答关注问题邀请回答
收藏

4 个回答

  • 国豪
    国豪
    2023-08-22

    this.ctx.drawImage(video,0,0,widht,height) 我这个没法正常绘画

    2023-08-22
    有用
    回复 1
    • ㍿老国王
      ㍿老国王
      2023-08-30
      有解决吗
      2023-08-30
      回复
  • 君君大虾
    君君大虾
    2022-03-23

    我用videodecoder 对视频进行解码,拿到帧数据后,画到canvas上面,不过videodecoder在seek后获取不到帧数据了,求解

    2022-03-23
    有用
    回复
  • 寄良
    寄良
    2021-12-09
    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
    
    2021-12-09
    有用
    回复 4
    • 奈文摩尔
      奈文摩尔
      2022-01-19
      ctx1.drawImage(video, 0, 0, 300 * dpr, 200 * dpr); 这句中的video画不出来,也不报错。
      2022-01-19
      回复
    • 君君大虾
      君君大虾
      2022-03-23
      获取不到video 的 node 对象,怎么破
      2022-03-23
      回复
    • 蓝with黑
      蓝with黑
      2022-06-13回复奈文摩尔
      你好,我drawImage,canvas视频也出不来,请问解决了吗
      2022-06-13
      回复
    • ㍿老国王
      ㍿老国王
      2023-08-30回复奈文摩尔
      有解决吗?
      2023-08-30
      回复
  • Smlie
    Smlie
    2021-01-13

    同求

    2021-01-13
    有用
    回复 2
    • 晨曦
      晨曦
      2021-05-14
      请问你找到方法了吗?
      2021-05-14
      回复
    • 人生梦随缘
      人生梦随缘
      2021-07-20
      请问,问题解决了吗
      2021-07-20
      回复
登录 后发表内容
问题标签