超级会员免费看
打造社交照片分享应用及云端部署指南
1. 添加图像滤镜
在处理图像时，我们需要为应用添加滤镜功能。目前滤镜尚未生效，但接下来就会着手添加，添加完成后，需移除 camera.jsx 中导入函数的注释。
- 获取图像像素 ：要应用滤镜，需先获取图像像素。代码如下：
let canvas = this.refs.imageCanvas;
let ctx = canvas.getContext("2d");
let pixels = ctx.getImageData(0, 0, canvas.width, canvas.height);
在 camera.jsx 中，将 getImageData 的结果作为参数传递给滤镜函数：
let pixels = Filters.grayscale(
ctx.getImageData(0, 0, canvas.width, canvas.height), {}
);
- 实现滤镜函数 ：创建
filters.js文件并放入tools文件夹，添加以下滤镜函数代码：
let Filter
订阅专栏 解锁全文
扫一扫
799
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
