svg 上面添加 点击事件 怎么找不到_点亮图片SVG交互 技术文日记 别以后不会了...

5b15928ab148db46f5a725f03c397424.png

自我研究成果 适合小白公众号作者们,更新答案上手把手教程- -。

网页链接​mp.weixin.qq.com

秀米折腾大半天 各种方式研究啊 不是技术流真挺不容易 ,这链接是我做的 可以看效果。

公众号新手,最好大家能给面儿关注一下 :e新说。


首先你用美图啊snapseed啊之类的app把你想用的彩图做个黑白图出来。然后here we go!

1 打开秀米新建图文

ae1fc93f31c18e7bdd9166924672c919.png

2 图文模版-选布局-svg互动

35257c18301de63535101c05e7c63938.png

3 使劲下滑找到空白svg模版,点一下添加到你的图文里

67b04eeb3559be5b484254acfa07c0a6.png

4 就变成这样子啦,上面框框里两行字,下面一个大白框框。点一下大白。

2b084aa47b9da75490c122cbaea6bc14.png

5 出现选项,点“动画”,然后点击“图片”(最好先把图片的黑白版和彩版都上传到了你的秀米)

a97e6a70260e32a64752982ee30d04d3.png

6 点击已经上传好的黑白图,出现下图的样子,添加完后它就进入svg了,但是你啥也看不到

3963353216d6df17f167ba1c736dbc38.png

7 现在选中两行字的地方,点你的彩图。

6c73569c613a49d1658b994fe3afdba4.png

8 svg里就能看到彩图了。点击彩图,再点击选项里的定位。

a4ac75bd848b1d330c8141cda0fd279c.png

9 把段前距和段后距从10改成0(一定要喔 不然图片效果很奇怪)

70af51516e593f5cb8fe0d4dcb796eae.png

10 搞定啦 预览一下你的成果吧~

5b6d3271992861b26b816a2212b2e4a5.png

学会了关注我喔。笨人笨办法。大神们弄的改代码啊什么的办法我也想用,无奈不知道为啥我f12出来的代码跟大神们不一样 T T

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值