svg 上面添加 点击事件 怎么找不到_公众号文章SVG使用教程分享

1627c11a320c472c8ef1ed41d5d4c900.png

嘿,胖友们大家好呀,我是三儿。

每天,困扰在我们新时代新媒体人面前的,不是今天不知道该写啥,也不是粉丝咋又掉了,而是:今天中午吃啥?

每天一到饭点,公司的外卖群里就开始了灵魂质问:今天吃啥?

这个时候,就轮到貌美如花的小三儿出场了,先来看看三儿是如何解决的吧!

知乎视频​www.zhihu.com

(PS:由于本文转载自135编辑器公众号文章,上面的视频本应是动态展示,由于知乎平台暂时不适应,所以就以录制的方式呈现在此)

中午吃啥我想要吃美食美食就吃它了2020鱼香肉丝黄焖猪蹄宫保鸡丁油焖大虾麻婆豆腐糖醋里脊水煮肉片京酱肉丝

怎么样,是不是特别有意思!这可不是三儿制作的动图,而是135编辑器的SVG样式,除了可以选选择中午吃啥以外,还能自己设置想要的文字哦!

今天,三儿就来教大家如何使用吧!

话不多说,教程开始!

自动轮播样式 ID:98728
【样式作用】:创意SVG,可以与读者进行有效的互动,帮助打造文章氛围。除此之外,还可以结合产品特性,制作出更多的玩法。
【使用说明】:如需要替换文字,请在专业版用动画功能,使用同步功能同步至微信公众号。

一、如何更换文字?

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

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

dd9737cfedf0f961812b5a3f84508f56.png


2.搜索样式ID:98728,找到『创意切换』样式,插入至编辑器中。

995b8ebefa983ffad7464f8435187f57.png

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

691055b7118db3e66b022029d0f4dcaa.png

这里需要注意的是:只有SVG样式才会有动画按钮哦,普通的样式是没有动画按钮的!

4.在动画设置界面,我们就可以对样式内的图片进行更换了,胖友们可以点击链接下方的『图片上传』按钮上传图片。

976eee85a8290a77b56e68c50e5a4fa0.png

这里需要注意的是:需要将所有的文字信息进行修改哦!注意文字不要超过之前的字符,胖友们可以在右侧看到修改后的效果。

5.设置完所有内容以后,胖友们可以在右侧的预览框中进行测试,也可以返回编辑器界面,点击右侧菜单栏中的『手机预览』进行测试。

187edaf8ca63180f2498bf2d695375d7.png

注意事项:

5c602fbd7898e7a3f47831cf2cd35241.png

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

三、视频版教程

三儿还为你们录制了一段视频版的教程,胖友们可以结合视频版的内容进行操作哦!

知乎视频​www.zhihu.com

好啦,今天的教程就到这里啦

胖友们学会了吗?

如果你还有关于其它样式的疑问

都可以留言告诉三儿哦

·END·

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值