svg - 如何从 PNG 创建 SVG
问题描述
我一直在使用 inkscape 创建 SVG。但是我遇到了一个问题。我创建了一个线宽为 1px 的简单加号(就像你想象的那样简单)。它目前是具有透明背景的 PNG 格式。我已将其导入到 inkscape 中,因此我可以将其转换为 SVG。但是,当我使用跟踪位图时,Inkscape 会改变形状,使得 1 个像素宽的直线带有尖头!我在跟踪位图设置中尝试了不同的选项,但似乎没有任何效果。我还浏览了许多在线免费转换网站,但都没有运气。
我不介意只使用 html 和 css 创建加号,但线条的确切位置以及线条粗细往往会在 chrome 和 firefox 之间移动。这很奇怪。
..帮助?
解决方案
我想我想通了。如果我创建一个 2 px 厚而不是 1 px 厚的加号,inkscape 不会做平滑的事情(只要我有未勾选的平滑选项)。所以,我这样做,但把它画得比我需要的大得多。然后当我将它加载到我的网站时,我可以在那里减小它的大小,瞧,2 px 宽度变成了 1 px 宽度!
推荐阅读
- scala - 从案例类中获取所有实体并将它们转换为字符串
- javascript - 获取嵌套数组Javascript的元素
- java - RestController 自动填充请求正文和标头
- database - 有没有办法用内存引擎删除clickhouse表上的所有数据?
- tensorflow - Tensorflow:为什么直接训练模型和参数有差异
- javascript - 对象如何包含函数保存
- python - 即使在无头模式下也会显示 Chromedriver.exe 窗口
- javascript - 防止自定义挂钩在每次重新渲染时重新初始化
- vue.js - 使用 vue-plotly 的 Vue.js 错误:fullLayout 未定义
- flutter - Flutter 应用的 ACH 支付处理(支持拆分支付)