javascript - 在 jcanvas 中如何操作 drawImage 层以在图像上应用类似 Instagram 的过滤器

Question

我已经使用 jcanvas drawImage 方法在画布上绘制了一个图像，这个图像是一个图层

//js部分

$('canvas').drawImage({
      source: 'js/BN44094.jpg',
      layer: true,
      x: 0, y: 0,
      width: 800,
      height: 400,
      name: 'backImage',
      fromCenter: false
    });

//HTML部分

<canvas id="canvas" width=800 height=400></canvas>

我想在这张图片上应用类似 Instagram 的图片过滤器，有人可以指导我吗？

Answer 1

看看这个非常清晰的解释，然后根据你的需要，你可以做一些简单的事情，比如绿色过滤器和高级卷积的像素操作