將新的svg元素轉換爲路徑

我正在使用一個新的illustrator svg文件，我想，並且我想爲它內部的路徑設置動畫，但是我遇到了一些問題，這意味着我不知道如何與橢圓，折線和圓相互作用。我想知道如何轉換至少如何將橢圓元素轉換爲路徑元素。這是我的文件：將新的svg元素轉換爲路徑

<svg version="1.1" id="Layer_1" class="snap" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 
        viewBox="0 0 106.2 107" style="enable-background:new 0 0 106.2 107;" xml:space="preserve"> 
        <style type="text/css"> 
         .st0{fill:none;stroke:#8DC63F;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} 
        </style> 
        <g> 

         <ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 -22.2783 53.2037)" class="st0" cx="53.1" cy="53.5" rx="38.1" ry="38.1"/> 
         <polyline class="st0" points="32,48.8 32,35.8 41.6,48.8 41.6,35.8 "/> 
         <polyline class="st0" points="65.2,48.8 65.2,35.8 74.9,48.8 74.9,35.8 "/> 
         <polyline class="st0" points="58.2,69.7 58.2,56.7 52.8,64 47.5,56.7 47.5,69.7 "/> 
         <circle class="st0" cx="53.6" cy="42.3" r="6.5"/> 
         <circle class="st0" cx="70.7" cy="63.2" r="6.5"/> 
         <path class="st0" d="M41.1,58.2c-1.1-0.9-2.6-1.5-4.1-1.5c-3.6,0-6.5,2.9-6.5,6.5c0,3.6,2.9,6.5,6.5,6.5c1.6,0,3.1-0.6,4.3-1.6 
         v-4.6H37"/> 
        </g> 
       </svg>

它是否存在任何轉換器可以爲我做這項工作？

來源

2016-05-16 Marco Maffei

有一個網站轉換SVG圈/省略路徑[這裏]（http://complexdan.com/svg-circleellipse-to-path-converter/）（雖然從一個「d」到另一個的變形路徑需要相同數量的點，但您可能會添加一些錯誤的點）。 –

如果我理解好，你想動畫的SVG路徑？那你的意思是讓它的中風動畫？如果是的話，我爲它製作了一個插件，它支持矩形，圓形，線條和多邊形：zPath.js

或者，如果您只想要一個解決方案將任何元素轉換爲路徑yes有Flatten.js據我所知，我沒有使用它我發現它在this後

來源

2016-05-17 12:23:20 ZetCoby

將新的svg元素轉換爲路徑

回答

相關問題