在WPF项目中使用SVG作为Canvas背景的可行方案问询

方案一：手动解析SVG并绘制为WPF原生元素（适合简单SVG场景） #

• 针对你需要的SVG基础元素（路径、矩形、圆形等）做简单解析，转换成WPF的Shape或Geometry对象直接放到Canvas中。这样SVG内容就是Canvas的子元素，和上层的操作矩形共用一套坐标系统，能直接获取矩形的相对位置。
• 实现思路：用XmlReader读取SVG文件，逐个解析节点。比如将SVG的<path>标签的d属性，转成WPF的PathGeometry，再用Path控件显示；<rect>标签则直接对应WPF的Rectangle控件。忽略复杂的滤镜、渐变等非必要元素，足够覆盖大多数业务场景。
• 简单代码示例：

string svgFilePath = @"你的SVG文件路径";
using (XmlReader reader = XmlReader.Create(svgFilePath))
{
    while (reader.Read())
    {
        if (reader.Name.Equals("path", StringComparison.OrdinalIgnoreCase) && reader.HasAttributes)
        {
            string pathData = reader.GetAttribute("d");
            PathGeometry geometry = PathGeometry.CreateFromGeometryString(pathData);
            Path svgPath = new Path
            {
                Data = geometry,
                Stroke = Brushes.Black,
                Fill = Brushes.Transparent,
                Stretch = Stretch.None
            };
            yourCanvas.Children.Add(svgPath);
        }
        // 可扩展解析rect、circle等其他标签
    }
}

方案二：手动引入兼容VS2012的SVG库（绕过NuGet限制） #

• 找支持.NET Framework 4.0/4.5（VS2012默认支持.NET 4.5）的旧版SVG库，直接下载编译好的DLL或源码，手动添加项目引用，不用通过NuGet。比如SharpVectors的1.0.0版本，它能将SVG转换成WPF的Visual元素，完美嵌入Canvas作为底层背景。
• 操作步骤：
  • 下载对应版本的SharpVectors DLL（比如SharpVectorCore.dll、SharpVectorRuntime.dll）
  • 右键项目→添加引用→浏览选中下载的DLL
  • 在XAML中引用命名空间：xmlns:sv="http://sharpvectors.codeplex.com/sharpvectors/"
  • 用SvgViewbox加载SVG，放到Canvas底层，上层添加可拖拽调整的矩形控件：

<Canvas>
    <sv:SvgViewbox Source="your-svg-file.svg" Stretch="Uniform"/>
    <!-- 你的可拖拽调整矩形UserControl -->
    <local:RectangleControl Canvas.Left="50" Canvas.Top="50" Width="100" Height="80"/>
</Canvas>

方案三：离线将SVG转为WPF XAML资源 #

• 用Inkscape、Adobe Illustrator等工具，把SVG导出为WPF兼容的XAML格式，然后将导出的XAML作为资源嵌入项目，直接作为Canvas的子元素使用。这样SVG内容就是原生WPF元素，和操作矩形坐标完全对齐，获取位置毫无问题。
• 注意事项：导出时选择“WPF XAML”格式，避免选Silverlight版本；导出后可将XAML代码复制到项目的ResourceDictionary中，或者直接粘贴到Canvas内部作为静态元素。

内容的提问来源于stack exchange，提问作者Riccardo Palma