将新svg元素转换为路径
我想我正在使用一个新的illustrator svg文件,我想为其中的路径设置动画,但我遇到了一些问题,这意味着我不知道如何与椭圆、多段线和圆交互。我想知道如何转换,至少如何将椭圆元素转换为路径元素。这是我的档案:将新svg元素转换为路径,svg,path,converter,polyline,ellipse,Svg,Path,Converter,Polyline,Ellipse,我想我正在使用一个新的illustrator 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"
<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>
.st0{填充:无;笔划:#8DC63F;笔划宽度:2;笔划线帽:圆形;笔划线连接:圆形;笔划斜接限制:10;}
有没有在线转换器可以帮我完成这项工作?如果我理解正确,您想为svg路径设置动画?你的意思是为它的笔划设置动画吗?如果是,我为此制作了一个插件,它支持矩形、圆形、直线和多边形:
或者,如果您只需要将任何元素转换为路径的解决方案是的,据我所知,我没有使用它。我在post上找到了它。如果我理解,好的,您想为svg路径设置动画吗?你的意思是为它的笔划设置动画吗?如果是,我为此制作了一个插件,它支持矩形、圆形、直线和多边形:
或者,如果您只需要将任何元素转换为路径的解决方案是的,据我所知,我没有使用它。我在post上找到了它。有一个将SVG圆/椭圆转换为路径的网站(尽管将路径从一个
d
变形到另一个需要相同数量的点,但您可能会添加一些错误的点).有一个网站可以将SVG圆/椭圆转换为路径(虽然将路径从一个d
变形为另一个需要相同数量的点,但您可能会添加一些错误的点)。