本文介绍了反转SVG路径的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
是否有一种简单的方法可以反转SVG路径?如何使它从左上角开始,而不是从右下角开始?
Is there a simple method for reversing an SVG path? How can I make this start at the top left, rather than the bottom right?
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="548.9px" height="620px" viewBox="0 0 548.9 620" xml:space="preserve">
<path d="M305.3,461.7c-13.6,2.2-66,1.3-99.6-21.9c-77.4-53.3-42.5-147.1-95.4-204.1c-42.2-45.6-98-59.2-60-131.7"/>
</svg>
推荐答案
使用 Inkscape :
- 在 Inkscape 中打开此svg文件.
- 选择路径
- 单击菜单->路径->反向
- 保存文件或在Inkscape中打开xml编辑器以查找新的路径数据.
或使用javascript.获取并反转每个路径段.
Or use javascript. get and reverse each path segment.
这篇关于反转SVG路径的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!