专栏名称: 135编辑器
公众平台图文消息排版工具135编辑器，我们关注排版的同时重视小编个人素养的提升~
目录
51好读  ›  专栏  ›  135编辑器

svg还能做九宫格？这样玩阅读量绝对暴涨！

135编辑器  · 公众号  ·  · 2020-12-02 08:45

正文


胖友们大家好呀，我是三儿


昨天下午技术小哥哥出了一个超棒的svg，教程不马上安排上我简直睡不着觉!


这个样式是啥样的呢？点击下方查看👇


强烈建议手机查看


是不是感觉很有意思啊？点击不同的方格，就弹出不一样的图片，很有一种拆盲盒的感觉哇！想不想学？


想！


好的，我教你！




点A见B样式

ID:101194



【样式作用】：创意SVG，可以与读者进行有效的互动，帮助打造文章氛围。除此之外，还可以结合产品特性，制作出更多的玩法。


【使用说明】：如需要替换图片，请在专业版用动画功能，需要使用同步功能同步至微信公众号。




一、如何更换内容？


135编辑器对SVG样式做了更新，在专业版中特意添加了『动画』按钮，胖友们可以在『动画』设置中对SVG样式进行修改。








1.首先将编辑器切换至专业版，点击右侧『更多功能』，在弹出的菜单中选择『切换专业版』，即可将编辑器切换为专业版。










2.搜索样式ID：101194，找到『点A见B样式 』 样式，插入至编辑器中。










3. 点击选中样式（在样式周围出现虚线框时，才算选中哦！），在弹出的菜单栏中，选择『动画』按钮，进入动画设置界面。



这里需要注意的是： 只有SVG样式才会有动画按钮哦，普通的样式是没有动画按钮的！










4. 在动画设置界面，点击『图片上传』，按照顺序依次上传图片即可。









5.设置完所有内容以后，胖友们可以点击右侧菜单栏中的『手机预览』进行测试，因为该样式效果仅支持手机查看。




注意事项：


这里需要注意的是，由于微信后台限制， 所以排版完成后的推文需要使用保存同步功能， 如果使用复制粘贴会导致样式失效！








请到「今天看啥」查看全文


推荐文章
闪电HSL  ·  感觉微策略老板发的《主导21世纪全球经济的数字资产战略》挺有远见的
2 天前
闪电HSL  ·  封装稳定币可能是国债和股票上链上的捷径
昨天
心禅道  ·  比特币BTC鲸鱼增加，稳定币供应量增加，利好btc长期发展
3 天前
心禅道  ·  比特币BTC鲸鱼增加，稳定币供应量增加，利好btc长期发展
3 天前
i黑马  ·  美华医疗获得2亿元战略投资 | 投融资日报
8 年前
澎湃新闻  ·  全新一代君越•思想湃 | 在剧场，你会遇见谁
8 年前
芭莎娱乐  ·  徐璐白裙配丸子头清爽又娇俏，夏天就该把自己穿成“闪光少女”！
7 年前
中央广电总台中国之声  ·  首例"毒跑道"公益诉讼调解，幼儿园拆跑道并捐10万
7 年前
军事出鞘  ·  刚刚！中国对美打响反击“第一枪”  直击要害！国人振奋！！
7 年前
Sov5搜索   ·   小百科   ·   今天看啥   ·   移动版
51好读 - 好文章就要读起来!