背景
图文H5开发最后一步要把SVG代码嵌入到微信公众号正文里,这里分享一下方法。
工具
Chrome浏览器
步骤
第一步,上传图片素材。
需要把代码中用到的图片素材上传至微信后台,并获取线上地址。
进入微信公众平台,点击菜单 创作管理/多媒体素材/上传。
上传成功后,点击图片/查看原图,获取图片的线上地址。
第二步,导入代码到微信文章正文。
新建图文消息,先输入好标题、作者,上传好封面图。 然后在正文区域输入一行文字(如 代码嵌入位置)作为代码的占位。
在Chrome浏览器空白处鼠标右键/检查,打开调试工具,定位到代码位置文字,右击鼠标选择Edit as HTML,
删除原有代码,把内容替换为我们的SVG代码。
然后随便点击下其他元素的代码,有时可能会自动撤销,如果出现这种情况,再重新粘贴一次就行。
完成后,就可以发布预览啦。