旋轉畫布JS

Question

將其轉換爲圖像後，我有一個canvas我轉換成像這樣一個形象，

var can = document.getElementById('canvas'); 
var ctx = can.getContext('2d'); 
var img = new Image(); 
img.src = can.toDataURL(); 

我現在需要旋轉該圖像？可能嗎？

Answer 1

你需要創建一個新的畫布，旋轉它的2dDrawingContext，畫出你的圖像數據，然後設置爲源

var canvas = document.createElement('canvas'); 
var ctx2 = canvas.getContext('2d'); 
ctx2.rotate(Math.PI/2); 
ctx2.putImageData(ctx.getImageData(0, 0, ctx.canvas.width, ctx.canvas.height), 0, 0); 

從那裏，你可以調用ctx2.toDataURL()和圖像拍它。