首页 网页素材 多款svg九宫格 老虎机 -我爱搜微信编辑器打包 2019年4月26日 0条评论 多款svg九宫格 老虎机 -我爱搜微信编辑器打包 内容 相关 多款就不一一截图了,请直接运行下方代码测试。 <section style="width:100%;" data-width="100%"><section style="width:300px; height:300px; overflow:hidden; margin:10px auto;"><svg width="100%" height="2700" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 -300)"><g><g><rect x="0" y="0" style="fill:#E94D4E; border-radius:10px;" width="90" height="90"></rect><text x="13" y="50" fill="#fff">升职加薪</text><rect x="105" y="0" style="fill:#16DA52;" width="90" height="90"></rect><text x="117" y="50" fill="#fff">告别单身</text><rect x="210" y="0" style="fill:#16DA52;" width="90" height="90"></rect><text x="220" y="50" fill="#fff">阅读10w+</text></g><g><rect x="0" y="105" style="fill:#16DA52;" width="90" height="90"></rect><text x="13" y="155" fill="#fff">狂涨粉丝</text><rect x="105" y="105" style="fill:#EA4C4B;" width="90" height="90"></rect><text x="130" y="155" style="font-weight:bold;" fill="#fff">STOP</text><rect x="210" y="105" style="fill:#16DA52;" width="90" height="90"></rect><text x="220" y="155" fill="#fff">增高10cm</text></g><g><rect x="0" y="210" style="fill:#16DA52;" width="90" height="90"></rect><text x="13" y="260" fill="#fff">脱离贫穷</text><rect x="105" y="210" style="fill:#16DA52;" width="90" height="90"></rect><text x="117" y="260" fill="#fff">减肥10kg</text><rect x="210" y="210" style="fill:#16DA52;" width="90" height="90"></rect><text x="220" y="260" fill="#fff">不再脱发</text></g></g><g><g><rect x="0" y="300" style="fill:#16DA52;" width="90" height="90"></rect><text x="13" y="350" fill="#fff">升职加薪</text><rect x="105" y="300" style="fill:#E94D4E;" width="90" height="90"></rect><text x="117" y="350" fill="#fff">告别单身</text><rect x="210" y="300" style="fill:#16DA52;" width="90" height="90"></rect><text x="220" y="350" fill="#fff">阅读10w+</text></g><g><rect x="0" y="405" style="fill:#16DA52;" width="90" height="90"></rect><text x="13" y="455" fill="#fff">狂涨粉丝</text><rect x="105" y="405" style="fill:#EA4C4B;" width="90" height="90"></rect><text x="130" y="455" style="font-weight:bold;" fill="#fff">STOP</text><rect x="210" y="405" style="fill:#16DA52;" width="90" height="90"></rect><text x="220" y="455" fill="#fff">增高10cm</text></g><g><rect x="0" y="510" style="fill:#16DA52;" width="90" height="90"></rect><text x="13" y="560" fill="#fff">脱离贫穷</text><rect x="105" y="510" style="fill:#16DA52;" width="90" height="90"></rect><text x="117" y="560" fill="#fff">减肥10kg</text><rect x="210" y="510" style="fill:#16DA52;" width="90" height="90"></rect><text x="220" y="560" fill="#fff">不再脱发</text></g></g><g><g><rect x="0" y="600" style="fill:#16DA52;" width="90" height="90"></rect><text x="13" y="650" fill="#fff">升职加薪</text><rect x="105" y="600" style="fill:#16DA52;" width="90" height="90"></rect><text x="117" y="650" fill="#fff">告别单身</text><rect x="210" y="600" style="fill:#E94D4E;" width="90" height="90"></rect><text x="220" y="650" fill="#fff">阅读10w+</text></g><g><rect x="0" y="705" style="fill:#16DA52;" width="90" height="90"></rect><text x="13" y="755" fill="#fff">狂涨粉丝</text><rect x="105" y="705" style="fill:#EA4C4B;" width="90" height="90"></rect><text x="130" y="755" style="font-weight:bold;" fill="#fff">STOP</text><rect x="210" y="705" style="fill:#16DA52;" width="90" height="90"></rect><text x="220" y="755" fill="#fff">增高10cm</text></g><g><rect x="0" y="810" style="fill:#16DA52;" width="90" height="90"></rect><text x="13" y="860" fill="#fff">脱离贫穷</text><rect x="105" y="810" style="fill:#16DA52;" width="90" height="90"></rect><text x="117" y="860" fill="#fff">减肥10kg</text><rect x="210" y="810" style="fill:#16DA52;" width="90" height="90"></rect><text x="220" y="860" fill="#fff">不再脱发</text></g></g><g><g><rect x="0" y="900" style="fill:#16DA52;" width="90" height="90"></rect><text x="13" y="950" fill="#fff">升职加薪</text><rect x="105" y="900" style="fill:#16DA52;" width="90" height="90"></rect><text x="117" y="950" fill="#fff">告别单身</text><rect x="210" y="900" style="fill:#16DA52;" width="90" height="90"></rect><text x="220" y="950" fill="#fff">阅读10w+</text></g><g><rect x="0" y="1005" style="fill:#16DA52;" width="90" height="90"></rect><text x="13" y="1055" fill="#fff">狂涨粉丝</text><rect x="105" y="1005" style="fill:#EA4C4B;" width="90" height="90"></rect><text x="130" y="1055" style="font-weight:bold;" fill="#fff">STOP</text><rect x="210" y="1005" style="fill:#E94D4E;" width="90" height="90"></rect><text x="220" y="1055" fill="#fff">增高10cm</text></g><g><rect x="0" y="1110" style="fill:#16DA52;" width="90" height="90"></rect><text x="13" y="1160" fill="#fff">脱离贫穷</text><rect x="105" y="1110" style="fill:#16DA52;" width="90" height="90"></rect><text x="117" y="1160" fill="#fff">减肥10kg</text><rect x="210" y="1110" style="fill:#16DA52;" width="90" height="90"></rect><text x="220" y="1160" fill="#fff">不再脱发</text></g></g><g><g><rect x="0" y="1200" style="fill:#16DA52;" width="90" height="90"></rect><text x="13" y="1250" fill="#fff">升职加薪</text><rect x="105" y="1200" style="fill:#16DA52;" width="90" height="90"></rect><text x="117" y="1250" fill="#fff">告别单身</text><rect x="210" y="1200" style="fill:#16DA52;" width="90" height="90"></rect><text x="220" y="1250" fill="#fff">阅读10w+</text></g><g><rect x="0" y="1305" style="fill:#16DA52;" width="90" height="90"></rect><text x="13" y="1355" fill="#fff">狂涨粉丝</text><rect x="105" y="1305" style="fill:#EA4C4B;" width="90" height="90"></rect><text x="130" y="1355" style="font-weight:bold;" fill="#fff">STOP</text><rect x="210" y="1305" style="fill:#16DA52;" width="90" height="90"></rect><text x="220" y="1355" fill="#fff">增高10cm</text></g><g><rect x="0" y="1410" style="fill:#16DA52;" width="90" height="90"></rect><text x="13" y="1460" fill="#fff">脱离贫穷</text><rect x="105" y="1410" style="fill:#16DA52;" width="90" height="90"></rect><text x="117" y="1460" fill="#fff">减肥10kg</text><rect x="210" y="1410" style="fill:#E94D4E;" width="90" height="90"></rect><text x="220" y="1460" fill="#fff">不再脱发</text></g></g><g><g><rect x="0" y="1500" style="fill:#16DA52;" width="90" height="90"></rect><text x="13" y="1550" fill="#fff">升职加薪</text><rect x="105" y="1500" style="fill:#16DA52;" width="90" height="90"></rect><text x="117" y="1550" fill="#fff">告别单身</text><rect x="210" y="1500" style="fill:#16DA52;" width="90" height="90"></rect><text x="220" y="1550" fill="#fff">阅读10w+</text></g><g><rect x="0" y="1605" style="fill:#16DA52;" width="90" height="90"></rect><text x="13" y="1655" fill="#fff">狂涨粉丝</text><rect x="105" y="1605" style="fill:#EA4C4B;" width="90" height="90"></rect><text x="130" y="1655" style="font-weight:bold;" fill="#fff">STOP</text><rect x="210" y="1605" style="fill:#16DA52;" width="90" height="90"></rect><text x="220" y="1655" fill="#fff">增高10cm</text></g><g><rect x="0" y="1710" style="fill:#16DA52;" width="90" height="90"></rect><text x="13" y="1760" fill="#fff">脱离贫穷</text><rect x="105" y="1710" style="fill:#E94D4E;" width="90" height="90"></rect><text x="117" y="1760" fill="#fff">减肥10kg</text><rect x="210" y="1710" style="fill:#16DA52;" width="90" height="90"></rect><text x="220" y="1760" fill="#fff">不再脱发</text></g></g><g><g><rect x="0" y="1800" style="fill:#16DA52;" width="90" height="90"></rect><text x="13" y="1850" fill="#fff">升职加薪</text><rect x="105" y="1800" style="fill:#16DA52;" width="90" height="90"></rect><text x="117" y="1850" fill="#fff">告别单身</text><rect x="210" y="1800" style="fill:#16DA52;" width="90" height="90"></rect><text x="220" y="1850" fill="#fff">阅读10w+</text></g><g><rect x="0" y="1905" style="fill:#16DA52;" width="90" height="90"></rect><text x="13" y="1955" fill="#fff">狂涨粉丝</text><rect x="105" y="1905" style="fill:#EA4C4B;" width="90" height="90"></rect><text x="130" y="1955" style="font-weight:bold;" fill="#fff">STOP</text><rect x="210" y="1905" style="fill:#16DA52;" width="90" height="90"></rect><text x="220" y="1955" fill="#fff">增高10cm</text></g><g><rect x="0" y="2010" style="fill:#E94D4E;" width="90" height="90"></rect><text x="13" y="2060" fill="#fff">脱离贫穷</text><rect x="105" y="2010" style="fill:#16DA52;" width="90" height="90"></rect><text x="117" y="2060" fill="#fff">减肥10kg</text><rect x="210" y="2010" style="fill:#16DA52;" width="90" height="90"></rect><text x="220" y="2060" fill="#fff">不再脱发</text></g></g><g><g><rect x="0" y="2100" style="fill:#16DA52;" width="90" height="90"></rect><text x="13" y="2150" fill="#fff">升职加薪</text><rect x="105" y="2100" style="fill:#16DA52;" width="90" height="90"></rect><text x="117" y="2150" fill="#fff">告别单身</text><rect x="210" y="2100" style="fill:#16DA52;" width="90" height="90"></rect><text x="220" y="2150" fill="#fff">阅读10w+</text></g><g><rect x="0" y="2205" style="fill:#E94D4E;" width="90" height="90"></rect><text x="13" y="2255" fill="#fff">狂涨粉丝</text><rect x="105" y="2205" style="fill:#EA4C4B;" width="90" height="90"></rect><text x="130" y="2255" style="font-weight:bold;" fill="#fff">STOP</text><rect x="210" y="2205" style="fill:#16DA52;" width="90" height="90"></rect><text x="220" y="2255" fill="#fff">增高10cm</text></g><g><rect x="0" y="2310" style="fill:#16DA52;" width="90" height="90"></rect><text x="13" y="2360" fill="#fff">脱离贫穷</text><rect x="105" y="2310" style="fill:#16DA52;" width="90" height="90"></rect><text x="117" y="2360" fill="#fff">减肥10kg</text><rect x="210" y="2310" style="fill:#16DA52;" width="90" height="90"></rect><text x="220" y="2360" fill="#fff">不再脱发</text></g></g><animateTransform attributeName="transform" type="translate" values="0 0;0 -300;0 -600;0 -900;0 -1200;0 -1500;0 -1800;0 -2100;" repeatCount="indefinite" fill="freeze" begin="0s" end="click" dur="0.5s" calcMode="discrete"></animateTransform></g></svg></section></section> 运行代码清空代码复制代码 <section style="width:100%;"><section style="width:300px; height:300px; overflow:hidden; margin:10px auto;"><svg width="100%" height="2700" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 -900)"><g><g><rect x="0" y="0" style="fill:#E94D4E; border-radius:10px;" width="90" height="90"></rect><text x="15" y="50" fill="#fff">今晚吃鸡</text><rect x="105" y="0" style="fill:#1E96B1;" width="90" height="90"></rect><text x="135" y="50" fill="#fff">学习</text><rect x="210" y="0" style="fill:#D0AC24;" width="90" height="90"></rect><text x="235" y="50" fill="#fff">健身</text></g><g><rect x="0" y="105" style="fill:#F8FA8C;" width="90" height="90"></rect><text x="23" y="155" fill="#fff">洗洗睡</text><rect x="105" y="105" style="fill:#EA4C4B;" width="90" height="90"></rect><text x="130" y="155" style="font-weight:bold;" fill="#fff">STOP</text><rect x="210" y="105" style="fill:#16DA52;" width="90" height="90"></rect><text x="222" y="155" fill="#fff">今晚吃鸡</text></g><g><rect x="0" y="210" style="fill:#1E96B1;" width="90" height="90"></rect><text x="15" y="260" fill="#fff">今晚吃鸡</text><rect x="105" y="210" style="fill:#5F9023;" width="90" height="90"></rect><text x="125" y="260" fill="#fff">陪女票</text><rect x="210" y="210" style="fill:#F8FA8C;" width="90" height="90"></rect><text x="235" y="260" fill="#fff">逛街</text></g></g><g><g><rect x="0" y="300" style="fill:#5F9023;" width="90" height="90"></rect><text x="15" y="350" fill="#fff">今晚吃鸡</text><rect x="105" y="300" style="fill:#E94D4E;" width="90" height="90"></rect><text x="135" y="350" fill="#fff">学习</text><rect x="210" y="300" style="fill:#D0AC24;" width="90" height="90"></rect><text x="235" y="350" fill="#fff">健身</text></g><g><rect x="0" y="405" style="fill:#F8FA8C;" width="90" height="90"></rect><text x="23" y="455" fill="#fff">洗洗睡</text><rect x="105" y="405" style="fill:#EA4C4B;" width="90" height="90"></rect><text x="130" y="455" style="font-weight:bold;" fill="#fff">STOP</text><rect x="210" y="405" style="fill:#16DA52;" width="90" height="90"></rect><text x="222" y="455" fill="#fff">今晚吃鸡</text></g><g><rect x="0" y="510" style="fill:#1E96B1;" width="90" height="90"></rect><text x="15" y="560" fill="#fff">今晚吃鸡</text><rect x="105" y="510" style="fill:#5F9023;" width="90" height="90"></rect><text x="125" y="560" fill="#fff">陪女票</text><rect x="210" y="510" style="fill:#F8FA8C;" width="90" height="90"></rect><text x="235" y="560" fill="#fff">逛街</text></g></g><g><g><rect x="0" y="600" style="fill:#5F9023;" width="90" height="90"></rect><text x="15" y="650" fill="#fff">今晚吃鸡</text><rect x="105" y="600" style="fill:#1E96B1;" width="90" height="90"></rect><text x="135" y="650" fill="#fff">学习</text><rect x="210" y="600" style="fill:#E94D4E;" width="90" height="90"></rect><text x="235" y="650" fill="#fff">健身</text></g><g><rect x="0" y="705" style="fill:#F8FA8C;" width="90" height="90"></rect><text x="23" y="755" fill="#fff">洗洗睡</text><rect x="105" y="705" style="fill:#EA4C4B;" width="90" height="90"></rect><text x="130" y="755" style="font-weight:bold;" fill="#fff">STOP</text><rect x="210" y="705" style="fill:#16DA52;" width="90" height="90"></rect><text x="222" y="755" fill="#fff">今晚吃鸡</text></g><g><rect x="0" y="810" style="fill:#1E96B1;" width="90" height="90"></rect><text x="15" y="860" fill="#fff">今晚吃鸡</text><rect x="105" y="810" style="fill:#5F9023;" width="90" height="90"></rect><text x="125" y="860" fill="#fff">陪女票</text><rect x="210" y="810" style="fill:#F8FA8C;" width="90" height="90"></rect><text x="235" y="860" fill="#fff">逛街</text></g></g><g><g><rect x="0" y="900" style="fill:#5F9023;" width="90" height="90"></rect><text x="15" y="950" fill="#fff">今晚吃鸡</text><rect x="105" y="900" style="fill:#1E96B1;" width="90" height="90"></rect><text x="135" y="950" fill="#fff">学习</text><rect x="210" y="900" style="fill:#D0AC24;" width="90" height="90"></rect><text x="235" y="950" fill="#fff">健身</text></g><g><rect x="0" y="1005" style="fill:#F8FA8C;" width="90" height="90"></rect><text x="23" y="1055" fill="#fff">洗洗睡</text><rect x="105" y="1005" style="fill:#EA4C4B;" width="90" height="90"></rect><text x="130" y="1055" style="font-weight:bold;" fill="#fff">STOP</text><rect x="210" y="1005" style="fill:#E94D4E;" width="90" height="90"></rect><text x="222" y="1055" fill="#fff">今晚吃鸡</text></g><g><rect x="0" y="1110" style="fill:#1E96B1;" width="90" height="90"></rect><text x="15" y="1160" fill="#fff">今晚吃鸡</text><rect x="105" y="1110" style="fill:#5F9023;" width="90" height="90"></rect><text x="125" y="1160" fill="#fff">陪女票</text><rect x="210" y="1110" style="fill:#F8FA8C;" width="90" height="90"></rect><text x="235" y="1160" fill="#fff">逛街</text></g></g><g><g><rect x="0" y="1200" style="fill:#5F9023;" width="90" height="90"></rect><text x="15" y="1250" fill="#fff">今晚吃鸡</text><rect x="105" y="1200" style="fill:#1E96B1;" width="90" height="90"></rect><text x="135" y="1250" fill="#fff">学习</text><rect x="210" y="1200" style="fill:#D0AC24;" width="90" height="90"></rect><text x="235" y="1250" fill="#fff">健身</text></g><g><rect x="0" y="1305" style="fill:#F8FA8C;" width="90" height="90"></rect><text x="23" y="1355" fill="#fff">洗洗睡</text><rect x="105" y="1305" style="fill:#EA4C4B;" width="90" height="90"></rect><text x="130" y="1355" style="font-weight:bold;" fill="#fff">STOP</text><rect x="210" y="1305" style="fill:#16DA52;" width="90" height="90"></rect><text x="222" y="1355" fill="#fff">今晚吃鸡</text></g><g><rect x="0" y="1410" style="fill:#1E96B1;" width="90" height="90"></rect><text x="15" y="1460" fill="#fff">今晚吃鸡</text><rect x="105" y="1410" style="fill:#5F9023;" width="90" height="90"></rect><text x="125" y="1460" fill="#fff">陪女票</text><rect x="210" y="1410" style="fill:#E94D4E;" width="90" height="90"></rect><text x="235" y="1460" fill="#fff">逛街</text></g></g><g><g><rect x="0" y="1500" style="fill:#5F9023;" width="90" height="90"></rect><text x="15" y="1550" fill="#fff">今晚吃鸡</text><rect x="105" y="1500" style="fill:#1E96B1;" width="90" height="90"></rect><text x="135" y="1550" fill="#fff">学习</text><rect x="210" y="1500" style="fill:#D0AC24;" width="90" height="90"></rect><text x="235" y="1550" fill="#fff">健身</text></g><g><rect x="0" y="1605" style="fill:#F8FA8C;" width="90" height="90"></rect><text x="23" y="1655" fill="#fff">洗洗睡</text><rect x="105" y="1605" style="fill:#EA4C4B;" width="90" height="90"></rect><text x="130" y="1655" style="font-weight:bold;" fill="#fff">STOP</text><rect x="210" y="1605" style="fill:#16DA52;" width="90" height="90"></rect><text x="222" y="1655" fill="#fff">今晚吃鸡</text></g><g><rect x="0" y="1710" style="fill:#1E96B1" width="90" height="90"></rect><text x="15" y="1760" fill="#fff">今晚吃鸡</text><rect x="105" y="1710" style="fill:#E94D4E;" width="90" height="90"></rect><text x="125" y="1760" fill="#fff">陪女票</text><rect x="210" y="1710" style="fill:#F8FA8C;" width="90" height="90"></rect><text x="235" y="1760" fill="#fff">逛街</text></g></g><g><g><rect x="0" y="1800" style="fill:#5F9023;" width="90" height="90"></rect><text x="15" y="1850" fill="#fff">今晚吃鸡</text><rect x="105" y="1800" style="fill:#1E96B1;" width="90" height="90"></rect><text x="135" y="1850" fill="#fff">学习</text><rect x="210" y="1800" style="fill:#D0AC24;" width="90" height="90"></rect><text x="235" y="1850" fill="#fff">健身</text></g><g><rect x="0" y="1905" style="fill:#F8FA8C;" width="90" height="90"></rect><text x="23" y="1955" fill="#fff">洗洗睡</text><rect x="105" y="1905" style="fill:#EA4C4B;" width="90" height="90"></rect><text x="130" y="1955" style="font-weight:bold;" fill="#fff">STOP</text><rect x="210" y="1905" style="fill:#16DA52;" width="90" height="90"></rect><text x="222" y="1955" fill="#fff">今晚吃鸡</text></g><g><rect x="0" y="2010" style="fill:#E94D4E;" width="90" height="90"></rect><text x="15" y="2060" fill="#fff">今晚吃鸡</text><rect x="105" y="2010" style="fill:#5F9023;" width="90" height="90"></rect><text x="125" y="2060" fill="#fff">陪女票</text><rect x="210" y="2010" style="fill:#F8FA8C;" width="90" height="90"></rect><text x="235" y="2060" fill="#fff">逛街</text></g></g><g><g><rect x="0" y="2100" style="fill:#5F9023;" width="90" height="90"></rect><text x="15" y="2150" fill="#fff">今晚吃鸡</text><rect x="105" y="2100" style="fill:#1E96B1;" width="90" height="90"></rect><text x="135" y="2150" fill="#fff">学习</text><rect x="210" y="2100" style="fill:#D0AC24;" width="90" height="90"></rect><text x="235" y="2150" fill="#fff">健身</text></g><g><rect x="0" y="2205" style="fill:#E94D4E;" width="90" height="90"></rect><text x="23" y="2255" fill="#fff">洗洗睡</text><rect x="105" y="2205" style="fill:#EA4C4B;" width="90" height="90"></rect><text x="130" y="2255" style="font-weight:bold;" fill="#fff">STOP</text><rect x="210" y="2205" style="fill:#16DA52;" width="90" height="90"></rect><text x="222" y="2255" fill="#fff">今晚吃鸡</text></g><g><rect x="0" y="2310" style="fill:#1E96B1;" width="90" height="90"></rect><text x="15" y="2360" fill="#fff">今晚吃鸡</text><rect x="105" y="2310" style="fill:#5F9023;" width="90" height="90"></rect><text x="125" y="2360" fill="#fff">陪女票</text><rect x="210" y="2310" style="fill:#F8FA8C;" width="90" height="90"></rect><text x="235" y="2360" fill="#fff">逛街</text></g></g><animateTransform attributeName="transform" type="translate" values="0 0;0 -300;0 -600;0 -900;0 -1200;0 -1500;0 -1800;0 -2100;" repeatCount="indefinite" fill="freeze" begin="0s" end="click" dur="0.5s" calcMode="discrete"></animateTransform></g></svg></section></section> 运行代码清空代码复制代码 操作说明:点击即停,随机的显示 点赞  (1) 打赏 分享 支付宝扫一扫 微信扫一扫 企鹅扫一扫