Canvas html5画布像素操作和转换

由于putImageData不受变换的影响，如何操作图像中的像素，然后对结果使用变换？ 例如，我想使图片中的红色更亮，然后将图片旋转36度

使用putImageData似乎不是答案，因为我无法旋转它。 我试着放在一个新画布上，使用drawImagenewCanvas，0,0，但那根本没有画出图像

---

我被难住了。

用一块新画布就行了。你只需要先提取图像。类似这样的方法会奏效：

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

---

调用toDataURL获取画布内容的快照；调用后对newCanvas内容所做的更改将不会显示在图像中。

使用新画布将起作用。你只需要先提取图像。类似这样的方法会奏效：

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

---

调用toDataURL获取画布内容的快照；调用后对newCanvas内容的更改不会显示在图像中。

能否将canvas元素包装在容器中，在画布上运行像素操作，然后使用CSS或JS旋转包装器？能否将canvas元素包装在容器中，在画布上运行像素操作，然后使用CSS或JS旋转包装器？