SOURCE

console 命令行工具 X clear

                    
>
console
var pathlen = document.getElementById('svg').getElementsByTagName('path').length;  
    var linearr = {  
        linelen:0,  
        lineid:null  
    };  
  
    for(var i = 1; i <= pathlen;i++){  
        var nowid = 'p'+i;  
        var newline = linearr;  
        newline.lineid = document.getElementById(nowid);  
        linearr.linelen =  newline.lineid.getTotalLength();  
        newline.lineid.style.strokeDasharray = newline.lineid.style.strokeDashoffset = linearr.linelen;  
    }
<svg id="svg" width="100%" height="500px" xmlns="http://www.w3.org/2000/svg">  
    <path
       d="m 67.814078,69.771329 q -0.594065,2.022349 -2.932407,2.022349 h -8.253713 q -2.37626,0 -2.37626,-1.238689 0,-0.808939 0.644623,-1.478843 l 3.753986,-3.855103 h -4.297492 l 0.695183,-2.02235 H 65.74117 l -6.00385,6.572636 z"
        id="p1"/>
    <path
       d="m 85.092526,69.771329 q -0.328632,1.112292 -1.403005,1.643159 -0.771021,0.37919 -1.655799,0.37919 h -5.384505 q -1.428284,0 -1.428284,-1.036454 0,-0.40447 0.189595,-0.985895 l 0.910057,-2.692253 -4.79044,3.943582 q -0.884778,0.77102 -1.870673,0.77102 H 67.055697 L 72.465482,56.52494 h 4.550286 l -3.804545,10.743732 3.855103,-3.159921 q 1.491483,-1.22605 3.387436,-1.22605 1.263968,0 1.263968,1.289248 0,0.467668 -0.227514,1.074373 l -1.60524,4.525007 z" id="p2"/>
    <path
       d="m 101.86539,69.771329 q -0.26544,1.049094 -1.16286,1.5926 -0.707817,0.429749 -1.504118,0.429749 h -5.283387 q -1.858034,0 -1.858034,-1.18813 -0.985895,1.18813 -2.666973,1.18813 h -2.224584 q -1.023815,0 -1.592601,-0.530866 -0.530866,-0.492948 -0.530866,-1.301888 0,-0.455028 0.176955,-0.935336 l 2.123467,-5.826895 h 4.588205 l -2.36362,6.572636 h 2.565855 l 2.350981,-6.572636 h 4.537647 l -2.300423,6.572636 z" id="p3" />
    <path
       d="m 115.23817,69.771329 q -0.59406,2.022349 -2.9324,2.022349 h -8.25372 q -2.37626,0 -2.37626,-1.238689 0,-0.808939 0.64463,-1.478843 l 3.75398,-3.855103 h -4.29749 l 0.69518,-2.02235 h 10.69318 l -6.00385,6.572636 z"
        id="p4"/>
    <path
       d="m 132.51662,69.771329 q -0.32863,1.112292 -1.40301,1.643159 -0.77102,0.37919 -1.65579,0.37919 h -5.38451 q -1.42828,0 -1.42828,-1.036454 0,-0.40447 0.18959,-0.985895 l 0.91006,-2.692253 -4.79044,3.943582 q -0.88478,0.77102 -1.87067,0.77102 h -2.60378 l 5.40979,-15.268738 h 4.55028 l -3.80454,10.743732 3.8551,-3.159921 q 1.49148,-1.22605 3.38744,-1.22605 1.26396,0 1.26396,1.289248 0,0.467668 -0.22751,1.074373 l -1.60524,4.525007 z"
        id="p5"/>
    <path
       d="m 149.28948,69.771329 q -0.26543,1.049094 -1.16285,1.5926 -0.70782,0.429749 -1.50412,0.429749 h -5.28339 q -1.85803,0 -1.85803,-1.18813 -0.9859,1.18813 -2.66697,1.18813 h -2.22459 q -1.02381,0 -1.5926,-0.530866 -0.53086,-0.492948 -0.53086,-1.301888 0,-0.455028 0.17695,-0.935336 l 2.12347,-5.826895 h 4.5882 l -2.36362,6.572636 h 2.56586 l 2.35098,-6.572636 h 4.53765 l -2.30043,6.572636 z"
        id="p6"/>
    <path
       d="m 166.07498,69.771329 q -0.74574,2.022349 -2.79337,2.022349 h -3.08408 q -1.09965,2.982966 -2.31306,4.42389 -1.69372,1.99707 -4.20902,1.99707 -1.57996,0 -2.43946,-0.922697 -0.74574,-0.80894 -0.74574,-2.085548 0,-1.011175 0.42975,-1.959151 0.44239,-0.947976 1.15021,-1.453564 h -0.96061 q -0.83422,0 -1.39037,-0.505587 -0.5435,-0.518227 -0.5435,-1.289248 0,-0.353911 0.12639,-0.720462 l 2.19931,-6.079688 h 4.5882 l -2.36362,6.572636 h 2.56586 l 2.3257,-6.572636 h 4.56293 l -2.32571,6.572636 z m -10.57941,2.363621 q -0.83422,0 -1.55468,0.935336 -0.70783,0.947977 -0.70783,1.883313 0,0.834219 0.73311,1.339807 z"
        id="p7"/>
    <path
       d="m 182.80992,69.771329 q -0.26543,1.049094 -1.16285,1.5926 -0.70782,0.429749 -1.50412,0.429749 h -5.28339 q -1.85803,0 -1.85803,-1.18813 -0.9859,1.18813 -2.66697,1.18813 h -2.22459 q -1.02381,0 -1.5926,-0.530866 -0.53087,-0.492948 -0.53087,-1.301888 0,-0.455028 0.17696,-0.935336 l 2.12347,-5.826895 h 4.5882 l -2.36362,6.572636 h 2.56586 l 2.35098,-6.572636 h 4.53765 l -2.30043,6.572636 z"
        id="p8"/>
    <path
       d="m 192.55511,69.771329 q -0.31599,1.112292 -1.45356,1.643159 -0.7963,0.37919 -1.70636,0.37919 h -4.86628 q -1.87067,0 -1.87067,-1.276608 0,-0.328632 0.13903,-0.745741 L 187.4866,56.55022 h 4.47445 l -4.71461,13.221109 z"
        id="p9"/>
    <path
       d="m 208.36737,69.771329 q -0.26543,0.973256 -1.21341,1.529402 -0.84686,0.492947 -1.93387,0.492947 h -7.04031 q -6.14288,0 -6.14288,-3.703427 0,-2.376261 2.09818,-3.728707 1.80748,-1.162851 4.2975,-1.162851 h 1.83275 q 1.60524,0 2.81865,0.492948 1.61788,0.657264 1.69372,1.99707 0.0632,1.352446 -1.30189,2.249864 h -4.18373 l 1.36508,-2.717532 h -2.66697 l -1.03646,3.046164 q -0.0885,0.265433 -0.0885,0.480308 0,1.023814 1.64316,1.023814 z"
        id="p10"/>
</svg>
path{  
  transform: scale(3);
  stroke:black; fill:gray; stroke-width: .5;  
  -webkit-animation: runpath 3s ease infinite;  
 animation: runpath 3s ease infinite;  
        }  

       @-webkit-keyframes runpath {  
            to{  
                stroke-dashoffset:0;  
            }  
         }  
        @keyframes runpath {  
            to{  
                stroke-dashoffset:0;  
            }  
        }