SVG排版教程 | image元素如何正确引入图片？

老铁留言：SVG公众号排版遇到image元素通过xlink:href属性引入图片，在公众号图文里无法正常显示，这是为什么？懂点君写个案例给大家看看。

代码案例

案例中分别通过xlink:href属性和href属性引入图片，然后在本地上和公众号上查看显示效果。

显示效果

在本地上（用文件打开查看）的显示效果

在公众号上的显示效果

结论：href属性无论是在本地上还是在公众号上都能正常显示（左上角是href属性引入的图片）；xlink:href属性在本地上能正常显示，在公众号上无法正常显示。

问题原因

懂点君通过Chrome浏览器调试发现，xlink:href属性在公众号文章里被过滤掉了，也就是这个属性直接被清空了，所以才导致xlink:href属性在公众号上无法正常显示图片。另外，xlink:href属性已经被抛弃了，开发的时候也不推荐使用这个属性了！

哦，对了，注意一下，明天不上班！