【问题标题】:How to create SVG from PNG如何从 PNG 创建 SVG
【发布时间】:2020-06-04 07:17:32
【问题描述】:

我一直在使用 inkscape 创建 SVG。但是我遇到了一个问题。我创建了一个线宽为 1px 的简单加号(就像你想象的那样简单)。它目前是具有透明背景的 PNG 格式。我已将其导入到 inkscape 中,因此我可以将其转换为 SVG。但是,当我使用跟踪位图时,Inkscape 会改变形状,使得 1 个像素宽的直线带有尖头!我在跟踪位图设置中尝试了不同的选项,但似乎没有任何效果。我还浏览了许多在线免费转换网站,但都没有运气。

我不介意只使用 html 和 css 创建加号,但线条的确切位置以及线条粗细往往会在 chrome 和 firefox 之间移动。很奇怪。

..帮助?

【问题讨论】:

  • 您可能想用某种图形来澄清(不幸的是,我不能在评论框中这样做)。您的意思是减号中的跟踪吗----- 将变成三行(X 表示跟踪的字符,. 表示空格):.XXXXX.X.....X.XXXXX.(中间的@ 987654327@ 是您追踪的减号)?如果是这样,您可能希望避免跟踪,而只使用该行。
  • 实际上,您可能会发现它只是对边缘进行智能处理,如果您增加高度,则会强制它们变圆。毕竟,它应该在缩放时看起来不错。
  • 我不知道您在第一条评论中的意思。但是,是的,Inkscape 绝对是通过平滑线条来实现智能。我只想要一个清晰的简单“+”号。是否有其他程序可用于创建无法平滑所有内容的 svg 文件?
  • 也许有一个我无法理解的原因,但是:你为什么不直接在 Inkscape 中画十字呢?是否有令人信服的理由尝试对位图进行矢量化以绘制简单的十字形?

标签: svg bitmap png inkscape


【解决方案1】:

我想我明白了。如果我创建一个 2 px 厚而不是 1 px 厚的加号,inkscape 不会做平滑的事情(只要我有未勾选的平滑选项)。所以,我这样做了,但把它画得比我需要的大得多。然后当我将它加载到我的网站时,我可以在那里减小它的大小,瞧,2 px 宽度变成 1 px 宽度!

【讨论】:

    猜你喜欢
    • 2018-10-08
    • 2021-10-13
    • 1970-01-01
    • 2017-11-23
    • 1970-01-01
    • 2013-07-03
    • 2014-12-25
    • 2014-04-17
    相关资源
    最近更新 更多