具体表现:
开发者工具:
使用新的canvas实例方法,
ctx.filter = "grayscale(1)";保存图片可以变灰。
扫体验码 开发码 真机就不好使,保存的图片还是彩色原图。
不是说已经把web canvas迁移过来吗?
在一个掘坟帖子中看到:3年了这功能还没好使。
// <canvas id="canvas" type="2d"></canvas>
onLoad: function () {
wx.createSelectorQuery().select('#canvas')
.node(res => {
const canvas = res.node;
const ctx = canvas.getContext('2d');
canvas.width = 100;
canvas.height = 100;
const gradient = ctx.createLinearGradient(0, 0, 100, 100);
gradient.addColorStop(0, 'red')
gradient.addColorStop(1, 'black')
ctx.fillStyle = gradient;
ctx.filter = 'saturate(70%)';
ctx.fillRect(0, 0, 100, 100);
}).exec()
}
是底层不支持IOS,可以看下这篇文章
https://developers.weixin.qq.com/community/develop/article/doc/000ee85c2cc8c07ae0cfd1ad456013
小程序跟canvas相关的建议让后端做→ _ →