点亮图片SVG交互 技术文日记

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

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

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

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

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

1 打开秀米新建图文

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

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

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

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

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

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

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

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

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

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

你可能感兴趣的:(点亮图片SVG交互 技术文日记)