html svg 点击事件失效_想做SVG但不会改代码?来用动画功能呀!

e864c5ff7fccd77b324a4f48c9e50ef2.gif

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

最近这段时间,SVG推文大热,135编辑器也是新上架了数十款热门SVG样式,三儿的教程也是一波接着一波的出。

为了让胖友们更快捷的对SVG样式进行设置,135编辑器也进行了一波大改动,在专业版菜单栏中增加了『动画』选项,我们目前所有的教程都是在『动画』菜单栏中进行设置的。

那么问题来了,不少胖友对动画功能还是有点没搞懂,『动画』按钮到底在哪里?『动画』设置到底有什么作用?为什么我的样式没有『动画』按钮呢?

别急,今天三儿就来好好讲讲『动画』按钮吧!

动画按钮在哪? 0c8e89910c44a26967164ce57a3462f8.png

135编辑器为了让胖友们在对SVG样式修改时不用再修改代码,特意推出了『动画』功能。

动画功能在我们『专业版』的菜单中,点击SVG样式,在『全局样式』中即可看到『动画』按钮。

0caaec8d5f7efa767c74955a5bddbb77.png

这里需要注意也是很多胖友们问到的一个问题就是:“为什么我点击图片/样式不会弹出来动画选项呢?”

注意啦!不是所有的样式都有动画选项的,只有SVG样式才会出现动画按钮哦!

具体支持的样式,胖友们可以去左侧样式中心找到『SVG』,这个标签下的样式都是支持动画按钮进行修改的哦!

eee7d3229cbb49da16897481199cd844.png

动画设置有什么用? 0c8e89910c44a26967164ce57a3462f8.png

这个问题问的好,『动画』设置的用处可大了去了!

在『动画』设置之前,我们需要修改SVG样式只能通过在HTML代码里进行。经常会有胖友遇到效果没有实现,但把样式里关键的代码删除而导致样式失效的例子。

548906bdfe64bba6e77fa1e678bf0981.png

(想换图?先来搞清楚这些代码的意思吧)

而自从有了『动画』设置以后,胖友们可以在『动画』设置中实现换图、换文字、新增内容,删除内容等之前都需要在HTML代码里进行修改的功能,而且丝毫不用担心样式失效的问题。

b3dd84b157db31735bd7b4d92e640c72.png

为啥我的样式没有动画选项? 0c8e89910c44a26967164ce57a3462f8.png

为什么我选的这个样式没有动画选项呢?

可是是有两个原因,第一个是你使用的样式不是SVG样式,这个在我们上面已经讲过啦,胖友们需要使用SVG样式,才会显示『动画』按钮哦!

36a87dad2940409c8f9c056d5d3aa98e.png

第二个原因就是胖友们在使用时,没有点击需要修改的样式,所以不会出现弹出的菜单栏,从而没有出现『动画』按钮哦!

a5a14541a3aec0d261f50517e3cb4e12.png

必须要点击SVG的样式,才会出现动画按钮哦!

必须要点击SVG的样式,才会出现动画按钮哦!

必须要点击SVG的样式,才会出现动画按钮哦!

(别问我为什么要说三遍,客服小姐姐最近被询问动画样式的胖友快逼疯了……)

温馨提示:

b523e8b3be378cee1f87a3f604aa5946.png

如果现有的SVG样式不能满足胖友们的需求,胖友们还可以使用SVG布局功能哦!

4f3e30b76309bfabe60e4b38f4ceffc2.gif

d261733ce637b1b97625ebd170a75db3.png

以上就是本期的全部内容啦

胖友们在使用过程中

如果遇到什么问题

欢迎在留言区给三儿留言哦

·EN

文章排版由135编辑器提供技术支持

■ ■ ■ ■

7160ba1135fd36fce536b27790103a3f.gif

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值