我正在尝试创建一些图标以添加到 Glyphicons 库中。
我使用 Adobe Illustrator CC 中的钢笔工具（形状）创建了它们，它们是超基本的。作为 PNG 或 EPS，它们可以很好地导出。不幸的是，我需要 SVG 导出才能与 Glyphicons 一起使用。
当我导出到 SVG 时，形状似乎会四处移动。至少它们不会像出现在我的屏幕上那样保留。
我怎样才能让它们像在 Illustrator 中那样出现？
这是来自插画家内部的PNG。
这是预览中的 PNG，这是 SVG。
很明显，导出后形状变得不对齐，这有什么明显的原因吗？我所有的导出设置都设置为默认值。
在另存为 SVG 时出现的“SVG 选项”对话框中将“小数位数”更改为 3：
这是 .SVG 文件中的常见错误 .. 这是因为硬曲线（仅由两个锚点和长手柄构成的曲线）不能被浏览器渲染得很好。
最好的办法是将你的路径分成更小的部分，特别是在有问题的锚点周围。
只是去Object > Path > Add Anchor Points
当我的对象的坐标具有干净的十进制值时，我倾向于从我的 SVG 保存中获得最佳结果。例如，X = 100.452 处的对象将被移动到 X = 100.5。将对象放置在带有杂乱小数部分的坐标处时，我遇到了与您的问题类似的轻微运动。
找到解决方案。
这显然不是最好、最干净、最漂亮的解决方案，但效果非常好。
我的过程：
1. 在 Illustrator 中绘制图标
2. 另存为 .ai 文件
3. 在 OSX iDraw 中打开 .ai
4. 从 iDraw 导出为 SVG
简单的解决方案：
1. 在 iDraw 中绘制图标
2. 从 iDraw 导出为 SVG
我希望这可以帮助其他人