在使用HTML2Canvas進行網頁截圖時，我們經常會遇到需要截取多個畫布的情況，本文將介紹如何使用HTML2Canvas設置多個畫布。

//創建多個畫布
var canvas1 = document.createElement('canvas');
canvas1.width = 500;
canvas1.height = 500;
var canvas2 = document.createElement('canvas');
canvas2.width = 500;
canvas2.height = 500;
//將畫布添加到頁面中
document.body.appendChild(canvas1);
document.body.appendChild(canvas2);
//創建HTML2Canvas實例
var h2cInstance = html2canvas(document.body);
//設置多個畫布
h2cInstance.then(function(canvas){
//將截圖繪制到第一個畫布上
canvas1.getContext('2d').drawImage(canvas, 0, 0, 500, 500);
//將截圖繪制到第二個畫布上
canvas2.getContext('2d').drawImage(canvas, 500, 0, 500, 500);
});

如上所示，我們首先需要創建多個畫布，并將它們添加到頁面中。接著，我們創建HTML2Canvas實例，并使用then方法在截圖完成后將截圖繪制到多個畫布上。

通過以上代碼，我們便可以方便地使用HTML2Canvas設置多個畫布進行網頁截圖，提高我們的開發效率。