背景

图文H5开发最后一步要把SVG代码嵌入到微信公众号正文里,这里分享一下方法。

 

工具

Chrome浏览器

 

步骤

第一步,上传图片素材。

需要把代码中用到的图片素材上传至微信后台,并获取线上地址。

进入微信公众平台,点击菜单 创作管理/多媒体素材/上传。

微信公众号正文嵌入SVG代码方法

上传成功后,点击图片/查看原图,获取图片的线上地址。

微信公众号正文嵌入SVG代码方法

第二步,导入代码到微信文章正文。

新建图文消息,先输入好标题、作者,上传好封面图。 然后在正文区域输入一行文字(如 代码嵌入位置)作为代码的占位。

在Chrome浏览器空白处鼠标右键/检查,打开调试工具,定位到代码位置文字,右击鼠标选择Edit as HTML,

微信公众号正文嵌入SVG代码方法

 

删除原有代码,把内容替换为我们的SVG代码。

微信公众号正文嵌入SVG代码方法

然后随便点击下其他元素的代码,有时可能会自动撤销,如果出现这种情况,再重新粘贴一次就行。

微信公众号正文嵌入SVG代码方法

完成后,就可以发布预览啦。

相关文章:

  • 2021-04-06
  • 2021-04-15
  • 2022-12-23
  • 2021-12-03
  • 2022-12-23
  • 2021-12-31
  • 2022-01-22
  • 2021-12-14
猜你喜欢
  • 2021-11-23
  • 2021-04-08
  • 2021-11-11
  • 2022-12-23
  • 2021-12-24
  • 2021-05-11
相关资源
相似解决方案