SVG排版公众号文章『自动轮播Banner』模板代码

模板效果

点击查看效果

模板代码

<svg data-info="懂点君" style="display:inline-block;width: 100%;vertical-align: top;-webkit-tap-highlight-color: transparent;user-select: none;author: dongdianjun;" viewBox="0 0 1000 550" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <g>
        <animateTransform attributeName="transform" type="translate" values="0 0;-1000 0;-1000 0;-2000 0;-2000 0;-3000 0;-3000 0;-4000 0;-4000 0;-5000 0;-5000 0" calcMode="spline" keySplines="0.5 0 0.4 1;0 0 1 1;0.5 0 0.4 1;0 0 1 1;0.5 0 0.4 1;0 0 1 1;0.5 0 0.4 1;0 0 1 1;0.5 0 0.4 1;0 0 1 1" keyTimes="0;0.1;0.2;0.3;0.4;0.5;0.6;0.7;0.8;0.9;1" repeatCount="indefinite" begin="0.1s" dur="10