欲望牌是正在炮竹作古后显示的○，本质上是盖正在了炮竹前面，炮竹并没有没落。因此欲望牌的代码该当写正在炮竹代码的后面。从SVG提取欲望牌代码参照4.4章节，并调治职位，插足后的代码如下：

　　width、height 并不是SVG的本质宽高，而是SVG内的“阔别率”。width、height越大，SVG内的元素越小，反之，元素则越大（不影响SVG的靠山图）。

　　能够去阿里巴巴矢量图库()网站下载。也能够自行行使AI修制□。但需求属意负责好SVG的图片尺寸。SVG的图片的尺寸即点击区域，因此负责好图片中空余的留白区域○○。

　　现正在良众群众号都直接正在正文页通过SVG交互动画弥补著作的阅读交互体验○○，而不再跳转H5。连接这一需求○○，本期分享的实质是奈何斥地交互式SVG□□，并嵌入微信群众号正文页□。打算师和前端斥地同砚都可今后参考○□。学会了能够接这方面的私活了，短平疾地赚小钱钱□注意教你微信群众号。

　　begin○○，为动画下手时刻，能够懂得为延迟时刻○。0s呈现即刻下手动画。也能够是分号分开的一组值，比如beigin=3s;5s○□，呈现的是3s之后动画下手□□，6s时分动画再从头下手（假若之前动画没走完○，会即刻休歇从新下手）。

　　g标签很简陋○□，即是把包起来的元素打成组合，如许animate就只针对g内的元素实践动画了。

　　fill○，动画间隙的填充式样□○。支柱参数有：freeze微信公众号怎么做动效、remove。remove是默认值□，呈现动画结局直接回到下手的地方。freeze呈现动画支撑结局后的状况。

　　微信Android客户端的群众号正文页里点击元素□，举行搬动动画后，元素也许会浮现古怪的边框□。需求给涉及到的元素的

　　正在欲望牌的内插足，因为炮竹作古动画是0.5s，因此click+0.5正好是炮竹动画结局后显示欲望牌。需求上传至微信后台，获取线上地点□○。进入微信群众平台□□，点击左边的素材执掌-图片-上传:

　　values，呈现attributeName指定属性的值蜕变,能够是一个值，也能够是用分号分开的众个值，这里的1;0;1呈现“不透后-透后-不透后”○□，即闪动功效。

　　SVG固然只可杀青简陋的交互○，但既能弥补交互体验又不会太分裂用户对实质的合怀点○□，正在良众场景下依旧很有需求的。

　　restart，支柱的参数有always正文页SVG交互斥地、whenNotActive、never□。always是默认值○，呈现每点一次从头实践动画；whenNotActive呈现动画正正在举行的时分不行重启动画；never呈现动画仅实践一次。

　　行使PS等软件打算SVG的靠山图，提议宽度为640px~750px○○，也能够更高，但文献巨细也会弥补。本例修制了 640px x 800px 的jpg靠山图：

　　通过AI修制欲望牌SVG，记得通过Command+Shift+O，把文字转化为矢量。然后根据3.3章节导出SVG。

　　现正在咱们依然杀青了点击炮竹后作古的功效，然则欲望牌还处于不行睹状况。这里就用到“click+时刻”的玩法。

　　begin，延迟时刻，上面已讲过，这里添补下click□□，呈现点击后即刻触发，click+2呈现点击后2秒触发。