SVG use使用

平时使用svg，都是当成图片来使用，直接用img标签像引入图片一样引入svg。

现在认识一下SVG Sprite技术。

https://www.cnblogs.com/jiduoduo/p/6657576.html

这里所说的Sprite技术，没错，类似于CSS中的Sprite技术。图标图形整合在一起，实际呈现的时候准确显示特定图标。

目前，SVG Sprite最佳实践是使用symbol元素。symbol元素是什么呢？单纯翻译的话，是“符号”的意思。然，这个释义并不符合这里的场景。不知大家有没有用过Flash，symbol实际上就类似于Flash中的“影片剪辑”、或者“元件”。

因此，我个人觉得，symbol应该解释为“元件”最为恰当！

那，symbol和SVG Sprite又有什么关系呢？

我们可以把SVG元素看成一个舞台，而symbol则是舞台上一个一个组装好的元件，这这些一个一个的元件就是我们即将使用的一个一个SVG图标。

wpf引入svg文件并动态渲染有三个方式。

1、单个图标的svg，直接复制path下面d属性的内容到wpfPath里面使用，通常在Iconfont搜索下载。

2、直接加载svg文件，就像加载图片路径一样。

3、将svg转换为xaml并将其与原生wpf对象一起使用，Inkscape软件能保存为Xaml文件，wpf里面直接使用。

---