html5 манипуляция и преобразования пикселей холста

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 после того, как звонок не будет отображаться на изображении.