html2canvas(document.body).then(function(canvas) {
 document.body.appendChild(canvas);
});

Canvas2Image.saveAsImage(canvasObj, width, height, type)
Canvas2Image.saveAsPNG(canvasObj, width, height)
Canvas2Image.saveAsJPEG(canvasObj, width, height)
Canvas2Image.saveAsGIF(canvasObj, width, height)
Canvas2Image.saveAsBMP(canvasObj, width, height)

Canvas2Image.convertToImage(canvasObj, width, height, type)
Canvas2Image.convertToPNG(canvasObj, width, height)
Canvas2Image.convertToJPEG(canvasObj, width, height)
Canvas2Image.convertToGIF(canvasObj, width, height)
Canvas2Image.convertToBMP(canvasObj, width, height)

html2canvas(document.getElementById(id))
.then(function (canvas) {
 //Canvas2Image.convertToPNG(canvas);
 Canvas2Image.saveAsPNG(canvas);
});

var zip = new JSZip();
zip.file("Hello.txt", "Hello World\n");
var img = zip.folder("images");
img.file("smile.gif", imgData, {base64: true});
zip.generateAsync({type:"blob"})
.then(function(content) {
 // see FileSaver.js
 saveAs(content, "example.zip");
});

 var zip = new JSZip();
 var img = zip.folder('images'); // 新建一個images目錄
 $('.show').each(function (index) {
 var id = $(this).attr('id');
 // 這里的element只能是html dom 使用$(this)會報錯
 // { useCORS: true } 如果需要跨域加載圖片
 var data = html2canvas(document.getElementById(id), { useCORS: true })
 .then(function (canvas) {
 var image = Canvas2Image.convertToPNG(canvas, 1920, 1080);
 var image_data = $(image).attr('src');
 // 生成的image_data是圖片鏈接，不能直接保存為圖片，需要做一下截取
 return image_data.split('data:image/png;base64,')[1];
 });
 
 img.file(id + '.jpg', data, { base64: true });
 })
 
 zip.generateAsync({ type: "blob" })
 .then(function (content) {
 saveAs(content, "example.zip");
 });

TML （超文本標記語言）是所有瀏覽器都支持的主要網(wǎng)頁文件格式。它經(jīng)常用于將數(shù)據(jù)和信息顯示為網(wǎng)頁。在某些情況下，我們可能需要將 HTML 文檔轉換為JPG、PNG、TIFF、BMP、GIF等圖像格式。在本文中，我們將學習如何將 HTML 轉換為 PNG、JPEG、BMP、GIF、或 Python 中的 TIFF 圖像。

Aspose.Words for .NET官方最新版免費下載試用，歷史版本下載，在線文檔和幫助文件下載-慧都網(wǎng)

將 HTML 轉換為圖像的 Python API

為了將 HTML 轉換為圖像格式，我們將使用Aspose.Words for Python API。它是在 Python 應用程序中以編程方式讀取和操作各種類型文檔的完整解決方案。它使我們能夠生成、修改、轉換、渲染和打印 Microsoft Word（DOC、DOCX、ODT）、PDF和 Web（HTML、Markdown）文檔。

請在控制臺中使用以下 pip 命令從PyPI安裝 API ：

> pip install aspose-words

在 Python 中將 HTML 轉換為 JPG 圖像

我們可以按照以下步驟輕松地將 HTML 文檔轉換為 JPG 圖像：

1. 首先，使用Document類加載 HTML 文件。
2. 或者，使用ImageSaveOptions類對象指定圖像保存選項。
3. 接下來，循環(huán)瀏覽文檔中的所有頁面。
4. 之后，使用extract_pages()方法提取每個頁面。
5. 最后，使用save()方法將頁面保存為 JPG。

以下代碼示例展示了如何在 Python 中將 HTML 轉換為 JPG 圖像。

# This code example demonstrates how to convert HTML document to JPG images.
import aspose.words as aw

# Load an existing Word document
doc = aw.Document("C:\\Files\\sample.html")

# Specify image save options
# Set save format as JPEG
imageOptions = aw.saving.ImageSaveOptions(aw.SaveFormat.JPEG)

# Set the "JpegQuality" property to "10" to use stronger compression when rendering the document.
# This will reduce the file size of the document, but the image will display more prominent compression artifacts.
imageOptions.jpeg_quality = 10

# Change the horizontal resolution.
# The default value for these properties is 96.0, for a resolution of 96dpi.
# Similarly, change vertical resolution by setting vertical_resolution
imageOptions.horizontal_resolution = 72

# Save the pages as JPG
for page in range(0, doc.page_count):
extractedPage = doc.extract_pages(page, 1)
extractedPage.save(f"C:\\Files\\Images\\Page_{page + 1}.jpg", imageOptions)

在 Python 中將 HTML 轉換為 PNG 圖像

我們可以按照以下步驟將 HTML 文檔轉換為 PNG 圖像：

1. 首先，使用Document類加載 HTML 文件。
2. 接下來，創(chuàng)建ImageSaveOptions類的實例。
3. 然后，指定圖像保存選項，例如image_brightness、image_contrast。
4. 接下來，循環(huán)瀏覽文檔中的所有頁面。
5. 之后，使用extract_pages()方法提取每個頁面。
6. 最后，使用save()方法將頁面保存為 JPG。

以下代碼示例展示了如何在 Python 中將 HTML 轉換為 PNG 圖像。

# This code example demonstrates how to convert HTML document to PNG images.
import aspose.words as aw

# Load an existing Word document
doc = aw.Document("C:\\Files\\sample.html")

# Specify image save options
# Set save format as PNG
imageOptions = aw.saving.ImageSaveOptions(aw.SaveFormat.PNG)

# Change the image's brightness and contrast.
# Both are on a 0-1 scale and are at 0.5 by default.
imageOptions.image_brightness = 0.3
imageOptions.image_contrast = 0.7

# Save the pages as PNG
for page in range(0, doc.page_count):
extractedPage = doc.extract_pages(page, 1)
extractedPage.save(f"C:\\Files\\Images\\Page_{page + 1}.png", imageOptions)

Python中的HTML到BMP轉換

我們可以按照以下步驟將 HTML 文檔轉換為 BMP 圖像：

1. 首先，使用Document類加載 HTML 文件。
2. 接下來，循環(huán)瀏覽文檔中的所有頁面。
3. 之后，使用extract_pages()方法提取每個頁面。
4. 最后，使用save()方法將頁面保存為 JPG。

以下代碼示例展示了如何在 Python 中將 HTML 轉換為 BMP 圖像。

# This code example demonstrates how to convert HTML document to BMP images.
import aspose.words as aw

# Load an existing Word document
doc = aw.Document("C:\\Files\\sample.html")

# Save the pages as BMP
for page in range(0, doc.page_count):
extractedPage = doc.extract_pages(page, 1)
extractedPage.save(f"C:\\Files\\Images\\Page_{page + 1}.bmp")

在 Python 中將 HTML 轉換為 GIF 圖像

同樣，我們也可以按照前面提到的步驟將 HTML 文檔轉換為 GIF 圖像。但是，我們只需要在步驟 4 中將圖像保存為帶有“.gif”擴展名的 GIF。

以下代碼示例展示了如何在 Python 中將 HTML 轉換為 GIF 圖像。

# This code example demonstrates how to convert HTML document to GIF images.
import aspose.words as aw

# Load an existing Word document
doc = aw.Document("C:\\Files\\sample.html")

# Save the pages as GIF
for page in range(0, doc.page_count):
extractedPage = doc.extract_pages(page, 1)
extractedPage.save(f"C:\\Files\\Images\\Page_{page + 1}.gif")

在 Python 中將 HTML 轉換為 TIFF 圖像

我們還可以按照以下步驟將 HTML 文檔轉換為 TIFF 圖像：

我們還可以按照以下步驟將 HTML 文檔轉換為 TIFF 圖像：

1. 使用Document類加載 HTML 文件。
2. 使用save()方法將文檔保存為 TIFF 。

以下代碼示例展示了如何在 Python 中將 HTML 文檔轉換為 TIFF 圖像。

# This code example demonstrates how to convert HTML document to TIFF images.
import aspose.words as aw

# Load an existing Word document
doc = aw.Document("C:\\Files\\sample.html")

# Save the document as TIFF
doc.save(f"C:\\Files\\Images\\Output.tiff")

Python中的HTML字符串到圖像的轉換

我們可以按照以下步驟從 HTML 字符串動態(tài)生成圖像文件：

1. 首先，創(chuàng)建Document類的實例。
2. 接下來，創(chuàng)建DocumentBuilder類的實例。
3. 之后，使用insert_html()方法插入 HTML 字符串。
4. 最后，使用save()方法將文檔保存為 JPG。

以下代碼示例展示了如何在 Python 中將 HTML 字符串轉換為 JPG 圖像。

# This code example demonstrates how to convert HTML string to an image.
import aspose.words as aw

# Create document object
doc = aw.Document()

# Create a document builder object
builder = aw.DocumentBuilder(doc)

# Insert HTML
builder.insert_html("<ul>\r\n" +
"<li>Item1</li>\r\n" +
"<li>Item2</li>\r\n" +
"</ul>")

# Save the document as JPG
doc.save(f"C:\\Files\\Output.jpg")

結論

在本文中，我們學習了如何：

• 以編程方式將 HTML 文檔轉換為圖像；
• 將 HTML 文件的內(nèi)容轉換為 PNG、JPEG、BMP、GIF 或 TIFF 圖像；
• 生成 HTML 文檔并使用 Python 將其轉換為圖像。