多重效应激肽

Question

我想知道必须要用动感框架来产生多重效果。我的问题是下一个：

我有背景，也就是图像，我需要在图像上画多边形，并在这个新多边形上应用多重效应。

有人能帮忙吗？

谢谢

Answer 1

您可以通过：应用图像过滤器

• 读取要过滤的图像的rgb像素-- context.getImageData
• 根据过滤器更改rgb像素值。
• 用修改后的像素替换图像中的像素-- context.putImageData

这里是如何将乘法滤波器应用于图像：

function multiply(R,G,B){
    imgData = ctx.getImageData(0, 0, canvas.width, canvas.height);
    data = imgData.data;
    for (var i=0;i<data.length;i+=4){
        data[i  ] = R*data[i]/255;
        data[i+1] = G*data[i+1]/255;
        data[i+2] = B*data[i+2]/255;
    }
    ctx.putImageData(imgData,0,0);
}

// Usage:
multiply(130,130,200)