HTML2Canvas是一個JavaScript庫，可將網頁上的HTML元素轉換為Canvas圖像，并可將此圖像導出為PNG或JPEG格式的圖像文件。在這個功能之外，HTML2Canvas還可以將該Canvas圖像轉換為base64編碼或DOMString，或者將其用作到Data URI方案的URL。

將HTML元素導出為Canvas圖像的方法非常簡單。只需要在網頁中添加HTML2Canvas庫，然后使用以下代碼：

html2canvas(element).then(canvas =>{
let image = canvas.toDataURL("image/png"); //base64編碼
// 或者
let image = canvas.toDataURL("image/jpeg");
// 導出PNG或JPEG圖像文件
});

其中，element是要導出為Canvas的HTML元素。使用html2canvas()函數將該元素轉換為Canvas，然后使用canvas.toDataURL()方法將Canvas轉換為base64編碼或圖像文件。

為了更好地理解，下面是一個完整的例子：

HTML2Canvas Example
Hello World!

在這個例子中，我們使用document.getElementById()方法獲取到ID為“content”的Div元素，并將其作為參數傳遞給html2canvas()函數。然后使用canvas.toDataURL()方法將Canvas轉換為base64編碼，并在控制臺中輸出。

使用HTML2Canvas可以輕松地將網頁元素保存為圖像文件或base64編碼，非常適用于網站的屏幕截圖或其他類似的應用。