如何在不使用C#中的Webbrowser UI控件的情况下将包含SVG和JS文件的HTML内容转换为Image?

最后发布: 2016-11-20 12:48:41


问题

我有一个网页,其中包含html + svg + Javascript文件。 实际上,这是一个设计的布局文件,例如Web应用程序端的卡片设计图像。

现在我需要从webapp在我的电脑上打印出这个设计的图像。

所以我开始编写一个服务应用程序,它将监视此PRINT请求并开始从数据库中读取图像内容。

现在。 我可以成功地使用SVG库将HTML + SVG文件转换为图像。 但是现在该图像还有JS文件,这也是一些条形码内容。

所以现在我需要在不使用WEBCONTROL的情况下将整页转换为C#应用程序中的Image,因为我正在开发C#Service应用程序。

示例需要转换为Image的html代码

<html> <head> <meta http-equiv='X-UA-Compatible' content='IE=9' /> 


<script src="JsBarcode.all.min.js"></script>
<script src="BarcodeGen.js"></script>
<script>UpdateBarcodePrint();</script> 

</head> <svg width="1012" height="638" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 <!-- Created with smartbadge -->

 <g>
  <title>background</title>
  <rect x="-1" y="-1" width="1014" height="640" id="canvas_background" fill="#fff"/>
 </g>
 <g>
  <title>Barcode3</title>
  <image stroke="null" xlink:href="C:/Users/saddam.h/Pictures/art.jpg" id="svg_1_1477469772076" height="631.33335" width="1006.00004" y="6" x="5"/>
  <image db-barcode_Values="1" db-barcode="Col_ID" x="290.66667" y="61" class="barcode" width="330.66669" height="100" id="svg_2_1477394920232" xlink:href="1"/>
 </g>
</svg></html>

我如何实现这一目标。 请帮助。

javascript c# html svg