演示效果：http://www.zuoan.com.cn/static/d.html

弟一步：PS中导入LOGO，选择载入选区。

第二步：在选区里点鼠标右键，建立工作路径

第三步：将图层隐藏后导出路径到AI

第四步：导入到AI中。我们发现它是白色的，看不见。选择一下看到了路径线条，先去掉背景框。

第五步：选择描边框，选择颜色，再回去看，路径就有颜色了。

第六步：选择路径，选择导出SVG

要说明的是有的文字比如说O这种，它会有两个路径，外圈和内圈，那么需要在导出之前设置一下路径模式。

导出之后我们就得到了一个SVG文件了。 可以在编辑器中打开看到其SVG代码路径。

醉后合成代码。

    
    
      
    
        html,body{background: #000;}
        svg{
          width:100%;height:200px;
          margin-top: 20%;
         
        }

        .st0{fill: none;            
        stroke-width:2;            
        stroke:#fff;            
        stroke-dasharray: 250;            
        animation: lineMove 10s ease-out infinite;                 
        }
        svg g{ margin-left: -100px;  }
        @keyframes lineMove {
            0%{                
            stroke-dasharray: 0, 250;            
            }
            100%{                
            stroke-dasharray: 250, 250;            
            }
        }