乘法效果kinteicjs

Question

我想知道必須使kineticjs框架產生乘法效果。 我的問題是：

我有背景是圖像 我需要在圖像上繪製多邊形並在該新多邊形上應用乘法效果。

有人能幫忙嗎？

感謝

Answer 1

您可以通過應用圖像過濾器：

• 讀你想filter-- context.getImageData根據
• 改變RGB像素值到圖像的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)