HTML5 Canvas元素用于在網(wǎng)頁(yè)中動(dòng)態(tài)繪制圖形。它為您提供了一個(gè)充當(dāng)圖形或圖形對(duì)象容器的區(qū)域。您可以繪制路徑，框，文本，圖像和其他對(duì)象，然后將其渲染為圖像格式。

Aspose.Imaging for .NET允許使用C＃或VB.NET生成HTML5 Canvas元素。此功能可以動(dòng)態(tài)創(chuàng)建HTML5 Canvas，并在Web應(yīng)用程序（例如ASP.NET應(yīng)用程序）中設(shè)置其源圖形文件。

因此，讓我們進(jìn)一步檢查如何使用C＃和Aspose.Imaging for .NET API創(chuàng)建HTML5 Canvas元素。

• 使用C＃使用HTML5 Canvas創(chuàng)建網(wǎng)頁(yè)
• 使用C＃生成HTML5 Canvas元素

Aspose.Imaging for .NET一種高級(jí)圖像處理控件，允許開(kāi)發(fā)人員創(chuàng)建，編輯，繪制或轉(zhuǎn)換圖像。圖像導(dǎo)出和轉(zhuǎn)換是API核心功能之一，它允許在不安裝Photoshop應(yīng)用程序或任何其他圖像編輯器的情況下保存為AdobePhotoshop®本機(jī)格式。

目前發(fā)布了Aspose.Imaging for .NET v20.5，支持從TIFF提取路徑，優(yōu)化Dicom格式的速度或內(nèi)存，支持將可讀的全幀gif導(dǎo)出為多頁(yè)圖像格式，還沒(méi)使用過(guò)的朋友可以點(diǎn)擊下載最新版Aspose.Imaging

使用C＃使用HTML5 Canvas創(chuàng)建網(wǎng)頁(yè)

HTML5 Canvas允許設(shè)置將在畫(huà)布區(qū)域內(nèi)顯示的源圖像。使用Aspose.Imaging for .NET，您可以將CDR，CMX，EMF，WMF和SVG圖形導(dǎo)出到HTML5 Canvas，而無(wú)需擔(dān)心HTML，JavaScript和CSS代碼。以下是創(chuàng)建具有HTML5 Canvas元素的HTML頁(yè)面的步驟。

• 使用Image.Load（）方法加載要設(shè)置為畫(huà)布源的圖形文件。
• 通過(guò)使用Image.Save（）方法導(dǎo)出圖像來(lái)創(chuàng)建HTML5 Canvas 。

下面的代碼示例演示如何使用C＃使用圖形創(chuàng)建HTML5 Canvas。

using (var image = Image.Load(@"Sample.svg"))
{
    image.Save(@"Canvas.html", new Html5CanvasOptions
    {
        VectorRasterizationOptions = new SvgRasterizationOptions()
    });
}  

使用C＃生成HTML5 Canvas元素

在某些情況下，可能只需要將canvas元素嵌入到網(wǎng)頁(yè)中就可以生成它。對(duì)于這種情況，可以配置Aspose.Imaging API以避免生成完整的HTML頁(yè)面。以下是生成HTML5 Canvas元素的步驟。

• 使用Image.Load（）方法加載要設(shè)置為畫(huà)布源的圖形文件。
• 將Html5CanvasOptions.FullHtmlPage屬性設(shè)置為false。
• 使用Image.Save（）方法將圖像導(dǎo)出為HTML 。

下面的代碼示例演示如何僅使用C＃創(chuàng)建HTML5 Canvas元素。

using (var image = Image.Load(@"Sample.svg"))
{
    image.Save(@"Canvas.html", new Html5CanvasOptions
    {
        VectorRasterizationOptions = new SvgRasterizationOptions(),
        FullHtmlPage = false
    });
}

本文介紹了如何在.NET應(yīng)用程序中使用C＃動(dòng)態(tài)生成HTML5 Canvas。我們已經(jīng)看到了如何僅使用Aspose.Imaging for .NET創(chuàng)建包含HTML5畫(huà)布或HTML5畫(huà)布的完整HTML頁(yè)面。