html5 canvas像素操作和轉換

Question

由於putImageData不受轉換的影響，我該如何處理圖像中的像素，然後對結果使用轉換？例如，我想讓圖片中的紅色更亮，然後將圖片旋轉36度。

使用putImageData似乎不是答案，因爲我無法旋轉它。 我試圖把一個新的畫布和使用drawImage（newCanvas，0,0），但甚至沒有繪製圖像。

我很難過。

Answer 1

使用新的畫布將工作。你只需要首先提取圖像。像這樣將工作：

Image img = new Image(); 
img.src = newCanvas.toDataURL(); 
canvas.drawImage(img, x, y); // img is drawn with current transformation 

調用toDataURL()需要的畫布內容的快照;通話後newCanvas的內容更改將不會出現在圖像中。