当前位置: 主页 > 网页 >

微信推送中插入SVG方法

时间:2015-11-23  作者:haden   点击:
【摘要】利用SVG优化文章阅读速度

T R A V E L E R B E C O M E A T O D A Y

Let’s Travel By jjperezaguinaga

 

微信公众平台对所有的推送内容进行了外链的封锁和屏蔽,所以外部的JS和CSS样式不能使用,而内联样式又不支持CSS3的动画属性,利用SVG丰富推送动画减少文章大小,制作精美H5的“阴谋”失败。

 
 
 
 
 

 

尽管如此,利用SVG优化文章阅读速度还是有所帮助的,还是分享一下。

 

01

 

直接复制SVG代码

 

因为微信公众平台本身的编辑页面是无法直接编辑HTML代码的,只能借助第三方平台的富文本编辑器。

编辑器会对代码进行过滤、精简,造成显示异常(事实证明根本没有必要涉及代码)。

失败

 

 

 

02

 

直接复制

 

通过浏览器可以直接查看SVG图片,然后Ctrl+A全选页面,复制粘贴。

只会把图片中的文字部分复制过来,不论在第三方平台还是在微信官方富文本编辑器。

失败

 

03

 

修改后再复制

 

新建一个HTML文件,将SVG图片插入到HTML页面中。
注意:svg之前新增一个div,随便键入一些内容。

按照方法2的步骤,复制进富文本编辑器,删除前一个div即可。

成功√

顶一下
(2)
100%
踩一下
(0)
0%
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
验证码: 点击我更换图片

推荐内容