使⽤C#显⽰SVG动画svg矢量图下载
简介
SVG是现在越来越多开发⼈员开始使⽤的⼀种⽮量图格式，不仅体积⼩，⽽且使⽤游览器直接就可以打开，⽽且快捷⽅便。但是使⽤C#开发，默认的WebBrower并不⽀持SVG，⽽调⽤COM的IE浏览器同样有问题。所以我们使⽤了第三⽅的Chorme浏览器来实现。
实现办法
⾸先需要通过NuGet程序包安装Chrome的核⼼模块CefSharp，其安装的过程参见《》。
安装有⼏点注意事项：
CefSharp的使⽤.NET Framework 4.5.2及以上版本；
由于框架的限制，所以运⾏环境必需指定为x86或x64；
使⽤⽅法
// 先定义⼀个浏览器，默认连接为空
ChromiumWebBrowser webview =new ChromiumWebBrowser("");
// 设置基本属性
webview.Dock = DockStyle.Fill;
this.Controls.Add(webview);
可以直接设置其HTML⽂件
webview.LoadHtml("<html><body>Hello</body></html>");
测试
以下为SVG测试代码：
<!DOCTYPE html>
<html>
<body>
<h1>My first SVG</h1>
<svg align="center"width="300"height="500"xmlns="/2000/svg"version="1.1"> <circle cx="100"cy="50"r="40"stroke="black"stroke-width="2"fill="red"/>
<circle cx="200"cy="150"r="40"stroke="black"stroke-width="3"fill="blue"/>
<rect x="160"y="160"height="100"width="100"
>
<animateTransform
attributeName="transform"
begin="0s"
dur="3s"
type="rotate"
from="0 210 210"
to="360 210 210"
repeatCount="indefinite"/>
</rect>
<circle cx="0"cy="50"r="15"fill="blue"stroke="black"stroke-width="1">
<animate attributeName="cx"
from="0"
to="100"
dur="5s"
repeatCount="indefinite"/>
</circle>
</svg>
</body>
</html>
显⽰效果

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。