弹幕图片汹涌而至！微信进阶玩法 v2.0

棋坛小龙女,郝梦龄将军,王军霞为什么离婚

此前IT之家为大家介绍过玩坏微信朋友圈的一些系列有趣玩法，其实微信中有趣的玩法还有很多，今天IT之家就再为大家介绍一种更加涨粉的技能：发送弹幕图片！

看惯了网络视频节目的用户是不是觉的弹幕是一种十分有趣的东西？其实在微信中也能够实现这种高大上的效果。不过这需要在微信HTML代码中引入svg标签，这样能够在编辑出来的图文中做出动画、弹幕这样有意思的内容了。我们不妨将微信这种进阶玩法称为2.0版本，技能强化升级，吸粉啥的简直不在话下~

下面，就让我们一步一步实现这一功能吧，首先从文字效果开始：

1、弹幕效果

这个比较简单，只需将下方代码复制到微信HTML编辑框中，用户可将代码中汉字部分替换为其他文字：

<svg width="100%" height="25" xmlns="http://www.w3.org/2000/svg">

    <g>

        <text font-family="microsoft yahei,sans-serif" font-size="20" y="20" x="100%" fill="#898989">

           IT之家

        <animate attributename="x" from="100%" to="-200" begin="0s" dur="3s" repeatcount="indefinite"></animate>

        </text>

    </g>

</svg>

这样就能出现如下效果：

2、改变透明度

要实现这一功能需要用到一下代码：

<center>

    <svg xmlns="http://www.w3.org/2000/svg" version="1.1">

        <text x="35%" y="20" fill="#898989" font-family="microsoft yahei,sans-serif" font-weight="bold" font-size="14">

            IT之家            <animate attributename="opacity" from="1" to="0" begin="0s" dur="1.2s" repeatcount="indefinite"></animate>

        </text>

IT之家官网地址http://www.ithome.com/

IT之家，青岛软媒旗下，国内顶级IT科技门户网站。快速精选IT新闻，实时报道科技周边，关注苹果iOS、谷歌Android、微软Windows Phone，紧盯iPhone/iPad、安卓智能设备、WP手机等数码潮流。技术资讯、攻略教程、资源下载 - IT人的生活，尽在IT之家，爱IT，爱这里。