微信图文消息中如何使用svg图片

微信图文消息无法上传svg格式图片,但是可以通过浏览器开发者工具进行hack

1. 将svg图片使用文本编辑器打开,复制内容
2. 登录微信公众平台,新建图文消息
3. 输入正文的输入框中输入随意文字
4. 打开浏览器控制台(右键检查或按F12),找到步骤2输入文字对应的html标签
5. 在html标签右键,选择’Edit as HTML’,粘贴复制的文字
6. 在页面空白处点击鼠标即可

如图:

如果预览图片没有居中，可以查看一下svg是否有width="100%"属性 如果有可以删除试一下

<svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg" >
	<rect x="20" y="20" width="250" height="250" style="fill:blue;stroke:pink;stroke-width:5;
	fill-opacity:0.1;stroke-opacity:0.9"></rect>
</svg>

如果不是百分比可以在将svg用一个p标签包裹，并设置居中属性

<p style="text-align:center">
	<svg>******</svg>
</p>