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的内容更改将不会出现在图像中。