如何offscreen获取ImageData?
发布于 5 年前 作者 xiuyinghu 3892 次浏览 来自 问答

基础库版本:2.16.0

目的:offscreen绘制(主要是对图片做像素级处理)

查官方文档可以这么写

offscreenCanvas = wx.createOffscreenCanvas();

offscreenCtx = offScreenCanvas.getContext(‘2d’);

结果吧,offscreenCtx报错undefined,不管是开发者工具还是真机预览都没有区别对待

然后看了下offscreenCanvas

不对劲啊,搜了一下,好家伙,原来还没支持

幸运的是官方发布基础库2.16.1会支持offscreenCanvas 2dcontext(https://developers.weixin.qq.com/community/develop/doc/000284f77301d00b4ffbd753b51c01?highLine=offscreencanvas

不幸运的是因为有重大bug,回退了, 退了,了,e(https://developers.weixin.qq.com/community/develop/doc/00084219fac4604943fba168c5d000?highLine=%25E5%259F%25BA%25E7%25A1%2580%25E5%25BA%25932.16.1

白更新了开发者工具

现在就很尴尬,到底是要等官方不知何时的更新,还是另寻他法

虽说要另寻他法也只找到这个实际上还是onscreen的方法,实在是不想用https://developers.weixin.qq.com/community/develop/doc/00068ebb07c3301cd0f97524251000?highLine=offscreen

有没有大佬知道有什么方法可以offscreen得到ImageData?或者有什么替代方法?

2 回复

你好,2.16.1 会支持这个接口,已经在灰度了

用法如下:

const canvas = wx.createOffscreenCanvas({ type: '2d' });
const ctx = canvas.getContext('2d');

我也遇到了这个问题。。。官方文档真误导人,浪费时间

回到顶部