在WInForm Webbrowser中显示XmlDocument(SVG)

在WInForm Webbrowser中显示XmlDocument(SVG),xml,vb.net,svg,webbrowser-control,Xml,Vb.net,Svg,Webbrowser Control,我在winform应用程序中创建了一个XmlDocument Public Xdoc As New XmlDocument 其中包含SVG文件的数据。我想在webbrowser中显示此SVG文件,但我不知道如何显示 有人能帮我解决这个问题吗 这是到目前为止我所拥有的代码(但它不起作用) 编辑: 所以我修改了我的代码,仍然得到一个空的webbrowser控件这是我当前使用的代码:我检查了文本和Xdoc的内容,如果我将其导出为文件并在我的普通浏览器中打开,SVG就可以工作了 ublic Sub

我在winform应用程序中创建了一个XmlDocument

 Public Xdoc As New XmlDocument
其中包含SVG文件的数据。我想在webbrowser中显示此SVG文件,但我不知道如何显示

有人能帮我解决这个问题吗

这是到目前为止我所拥有的代码(但它不起作用)

编辑: 所以我修改了我的代码,仍然得到一个空的webbrowser控件这是我当前使用的代码:我检查了文本和Xdoc的内容,如果我将其导出为文件并在我的普通浏览器中打开,SVG就可以工作了

ublic Sub Webbrowerstest()

    Dim text As String = Xdoc.InnerXml
    InitializeComponent()
    WebBrowser1.DocumentText = "<!DOCTYPE HTML><html><head><meta http-equiv=""x-ua-compatible"" content=""IE=11""><meta http-equiv=""Content-Type"" content=""text/html; charset=utf-8""><title>SVG sample</title> <style type=""text/css""></style></head><body><div>" & text & "</div></body></html>"

End Sub
public子浏览器测试()
将文本标注为字符串=Xdoc.InnerXml
初始化组件()
WebBrowser1.DocumentText=“SVG示例”&text&“
端接头

在web浏览器控件中使用SVG的方式与在web浏览器中使用SVG的方式相同

将SVG代码嵌入到SVG标记中

下面是一些示例HTML代码,您可以从web浏览器控件导航到这些代码

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="x-ua-compatible" content="IE=11">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>SVG sample</title>
    <style type="text/css">
    </style>
</head>
<body>
    <div>
        <svg height="100" width="100">
            <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
            Sorry, your browser does not support inline SVG.
        </svg>
    </div>
</body>
</html>

SVG示例
很抱歉,您的浏览器不支持内嵌SVG。
以下是输出:


请参见:好的,我编辑了代码,它仍然显示并清空webbrowser控件以获取更多信息查看问题中的编辑确定,因此我删除了我的webbrowser控件并再次添加它,现在它正在使用我上面发布的代码。唯一的问题是SVG只显示在浏览器的一小部分中,而不是分布在整个表面上。
<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="x-ua-compatible" content="IE=11">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>SVG sample</title>
    <style type="text/css">
    </style>
</head>
<body>
    <div>
        <svg height="100" width="100">
            <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
            Sorry, your browser does not support inline SVG.
        </svg>
    </div>
</body>
</html>