图像处理控件Aspose.Imaging亮点功能推荐:使用C#以编程方式生成HTML5 Canvas

HTML5 Canvas元素用于在 页中动态绘制图形。它为您提供了一个充当图形或图形对象容器的区域。您可以绘制路径,框,文本,图像和其他对象,然后将其渲染为图像格式。

Aspose.Imaging for .NET允许使用C#或VB.NET生成HTML5 Canvas元素。此功能可以动态创建HTML5 Canvas,并在Web应用程序(例如ASP.NET应用程序)中设置其源图形文件。

因此,让我们进一步检查如何使用C#和Aspose.Imaging for .NET API创建HTML5 Canvas元素。

  • 使用C#使用HTML5 Canvas创建 页
  • 使用C#生成HTML5 Canvas元素

目前发布了Aspose.Imaging for .NET v20.5,支持从TIFF提取路径,优化Dicom格式的速度或内存,支持将可读的全帧gif导出为多页图像格式,还没使用过的朋友可以最新版Aspose.Imaging


使用C#使用HTML5 Canvas创建 页

HTML5 Canvas允许设置将在画布区域内显示的源图像。使用Aspose.Imaging for .NET,您可以将CDR,CMX,EMF,WMF和SVG图形导出到HTML5 Canvas,而无需担心HTML,JavaScript和CSS代码。以下是创建具有HTML5 Canvas元素的HTML页面的步骤。

  • 使用Image.Load()方法加载要设置为画布源的图形文件。
  • 通过使用Image.Save()方法导出图像来创建HTML5 Canvas 。

下面的代码示例演示如何使用C#使用图形创建HTML5 Canvas。

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

使用C#生成HTML5 Canvas元素

在某些情况下,可能只需要将canvas元素嵌入到 页中就可以生成它。对于这种情况,可以配置Aspose.Imaging API以避免生成完整的HTML页面。以下是生成HTML5 Canvas元素的步骤。

  • 使用Image.Load()方法加载要设置为画布源的图形文件。
  • 将Html5CanvasOptions.FullHtmlPage属性设置为false。
  • 使用Image.Save()方法将图像导出为HTML 。

下面的代码示例演示如何仅使用C#创建HTML5 Canvas元素。

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

还想要更多吗可以点击阅读【2019 · Aspose最新资源整合】查找需要的教程资源。如果您有任何疑问或需求,请随时加入Aspose技术交流群(),我们很高兴为您提供查询和咨询
标签:

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2020年5月1日
下一篇 2020年5月1日

相关推荐

发表回复

登录后才能评论