当前位置：公众IT > 技术文章 > 视频转GIF，希望视频能在画布中画出来，微信的例子能实现，拿到百度上报错

视频转GIF，希望视频能在画布中画出来，微信的例子能实现，拿到百度上报错

新闻来源：互联网资料整理发布时间：2023/4/5 13:49:51 共计：4617 浏览

前言：

随着百度小程序的风头正劲,越来越多的站长投入到百度小程序的开发中来，但是开发过程中难免会碰到诸多问题无法自己解决，03-30小编发现百度用户：【Amy135】提出了一个关于“视频转GIF，希望视频能在画布中画出来，微信的例子能实现，拿到百度上报错”的问题,在问题中开发者Amy135对该问题做了如下阐述：

问题类型：

问题类型:需求

问题描述：

onReady:?function?()?{????const?that?=?this????wx.createSelectorQuery()??????.select(‘#myVideo’)??????.context()??????.exec((res)?=>?{????????console.log(‘res:’,?res)????????const?videoCtx?=?res[0].context????????videoCtx.play();????????wx.createSelectorQuery()????????.select(‘#canvas’)????????.node()????????.exec((res)?=>?{??????????console.log(‘res:’,?res)??????????const?canvas?=?res[0].node??????????const?ctx?=?canvas.getContext(‘2d’)??????????ctx.fillRect(0,?0,?100,?100)??????????let?img?=?[]??????????let?start;??????????canvas.requestAnimationFrame(function?loop(timestamp)?{????????????ctx.drawImage(videoCtx,?0,?0)????????????if?(start?===?undefined)??????????????start?=?timestamp;????????????const?elapsed?=?timestamp?–?start;????????????if?(elapsed?<?2000)?{??????????????canvas.requestAnimationFrame(loop)????????????}?else?{??????????????????????????const?gif?=?canvas.toDataURL()??????????????that.setData({????????????????gif:?gif??????????????})??????????????//that.showGIF();????????????}??????????})????????})??????})??},

注：以上是百度小程序开发者：”Amy135″对于本问题的一些阐述，这里做一个引用，我们将实时关注百度小程序助手对该问题提出的解决方案。