svg转换字体错误

发布于 2022-09-06 22:42:49 字数 1135 浏览 17 评论 0

clipboard.png

转换字体(使用iconmoon)的时候,发现提示如下错误,而且部分svg转换之后显示不出来

不知道是不是设计给的svg有问题?

<?xml version="1.0" encoding="UTF-8"?>
<svg width="8px" height="14px" viewBox="0 0 8 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
  <title>Path 3</title>
  <desc>Created with Sketch.</desc>
  <defs></defs>
  <g id="V7" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
    <g id="学情报告首页" transform="translate(-305.000000, -83.000000)" stroke="#5A4900" stroke-width="1.60000002">
      <g id="Group-3" transform="translate(0.000000, 64.000000)">
        <polyline id="Path-3" points="306 20 312.068384 26.0683842 306.136768 32"></polyline>
      </g>
    </g>
  </g>
</svg>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

娇俏 2022-09-13 22:42:49

因为你的这个图标使用了stroke(描边)属性,
但是作为图标是不应该使用这个属性的,应该全部转换成路径。
就你提供的示例,其实就是一个指向右边的箭头吧?

从代码结构来看,这是一个两条直线(也就是polyline标签)构成,
然后让这两条直线的粗细变大(通过stroke-width属性)
来让这个线条看起来明显一些。

你这个svg我看注释,是用sketch做的吧,
你让设计在导出前,先拓展一下图形(cmd + option + o
完后再导出就好了

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文