小程序
小游戏
企业微信
微信支付
扫描小程序码分享
之前是使用uniapp的canvas写的图片制作,但是他只能在移动端使用并且不能制作gif动图
请问各位大佬,使用原生微信和原生js制作图片,能否实现制作gif的动图,并且制作图片功能PC端也能使用?
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
建议你可以看看这个库
https://github.com/jnordberg/gif.js
可以用canvas渲染gif
demo在此http://jnordberg.github.io/gif.js/tests/canvas.html
h5上可以制作gif,像这种库一般都是字节操作,应该可以移进小程序内
我感觉调整下代码中获取canvas的context的代码,和获取图片数据的代码调整下就能用
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
建议你可以看看这个库
https://github.com/jnordberg/gif.js
可以用canvas渲染gif
demo在此http://jnordberg.github.io/gif.js/tests/canvas.html
h5上可以制作gif,像这种库一般都是字节操作,应该可以移进小程序内
我感觉调整下代码中获取canvas的context的代码,和获取图片数据的代码调整下就能用
这里是重现本地js生成gif动画图片的demo的代码片段,需要用到worker。如果是本地图片合并,那么也不过就是先把图片画到canvas中,然后addFrame罢了。
我调整了代码中的一些逻辑,addFrame只要是个类似ImageData的东西就行,有宽度高度和data(UInt8Array,width * height * 4的RGBA像素列表)