縮放畫布以便將base64 toDataURL（）也縮放

Question

我正在構建一個Chrome擴展以保存網頁的屏幕截圖。我將截圖全部拼湊成一個HTML5畫布元素。

如果我然後用canvas.toDataURL（'image/jpeg'，0.8）顯示圖像;它工作正常。

但是，如果我先嚐試通過規模獲取上下文和使用該圖像：

var context = canvas.getContext('2d'); 
context.scale(.75,.75); 

，然後輸出canvas.toDataURL('image/jpeg', 0.8);的圖像大小爲一個無縮放相同。我錯過了什麼？我如何縮放圖像？

Answer 1

如果你想獲得一個按比例縮小<canvas>：

• 創建要捕捉

• 繪製1 <canvas>到第二<canvas>使用https://developer.mozilla.org/en-US/docs/HTML/Canvas/Tutorial/Using_images#Scaling第二<canvas>寬度所需的寬度和高度（畫布是有效的drawImage()來源）

• 保存第二個<canvas>