问题标签 [svgo]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
svg - SVGO:杀死 #000000 填充
我正在使用svgo并且遇到了一个奇怪的问题,它正在杀死我的填充颜色,但前提是它是#000000
; 或任何种类的变体black
,,,#000
。我已尝试设置removeUselessStrokeAndFill
为,false
但它继续仅删除该颜色。用不同的东西编辑 src.svg
文件可以保持填充颜色。有没有我缺少的设置?谢谢!
node.js - SVGO - 添加插件
这可能是一个愚蠢的问题...
我已经从https://github.com/svg/svgo安装了 SVGO
我想打开执行此操作的插件:
应用变换,按实际宽度裁剪,居中垂直对齐并调整 SVG 的大小,其中包含一个路径(默认情况下禁用)
我该怎么做呢?
据我了解,我需要找到一个配置文件并将其添加到插件列表中。我不知道从哪里开始。请帮忙 :D
svg - 为什么在使用符号最小化 svg 时 svgo 会删除所有内容?
查看 svg 最小化选项,我发现 svgo https://github.com/svg/svgo 。我成功地尝试了从 illustrator 生成的 svg,但是,当我针对以下内容运行它时,生成的文件完全是空白的。
我一直无法找到发生这种情况的原因。
svg - 如何在`svgo`中解析具有未引用属性的svgs?
当使用svgo或作为 webpack 加载器 ( svgo-loader ) 或插件 ( imagemin ) 的一部分进行解析时,它们都使用 svgo,如果你的 svg 具有不带引号的属性,例如:
错误:Error in parsing SVG: Unquoted attribute value
发出。
可以在所有这些中使用带有未引用属性的 svg 吗?
plugins - 如何激活/停用 svgo 的插件
我已经像这样安装了svgo:
[sudo] npm install -g svgo
从 repo 下载默认配置:
https://github.com/svg/svgo/blob/master/.svgo.yml
像这样编辑配置:
...
- minifyStyles
- convertStyleToAttrs
- cleanupIDs: false
- removeRasterImages
- removeUselessDefs
...
像这样替换了默认值:
svgo --config=custom.yml
如此处所述:
https://github.com/svg/svgo#cli
我像这样运行SVGO:
svgo test.svg test.min.svg
...但我已停用的插件(cleanupIDs)仍然处于活动状态。
我也尝试停用其他插件(即 removeTitle),但对我的输出文件没有影响。
感谢一些指导!
node.js - svgo 形状到路径不转换椭圆
尝试使用 svgo 将形状从 svg 文件批量转换为路径。
看起来像椭圆的元素不会转换为路径
在命令行上进行了测试,例如:
与 config.json 有
也试过
也试过
typescript - 未找到模块:错误:无法解析“@types/svgo”
我已经使用 svgo 安装了类型
yarn add @types/svgo
.
在我想使用 svgo 的文件中,我写:
import SVGO from 'svgo';
从那里我可以通过 svgo 的定义轻松地检查类型。
但是当我在控制台中运行 runtyarn install
或类似命令时,我得到:
这是一个最近从电子反应样板开始的电子项目。
这可能是什么原因造成的?
svg - 解释压缩的 SVG 路径命令语法
我正在处理从 SVGO 输出的压缩 SVG 路径数据,但我无法理解相对行到命令的一部分。路径本身看起来像这样(它是一个三角形,并且显示正确):
<path d="M2107.49 3283.96l70.68 81.44 28.54-81.69-99.22.25z"/>
将d
属性拆分为命令,我们得到:
我不明白的部分是 line-to 命令的最后一个“对”:据我了解,我们应该有 3 对坐标,它们要么由空格分隔,要么为70.68 81.44
负数,没有空格:28.54-81.69
= 28.54
,-81.69
. 但是最后一个“对”发生了什么?-99.22.25
代表-99.2
和?2.25
_ 我怎么知道如何拆分它?
SVGO 试图从压缩中挤出每一个最后一个字节,所以它可能利用了一些我找不到参考的隐含解析规则。有谁知道如何处理最后一对?
svgo - svg-sprite-loader outputPath 中断 svgo
我的 svgo-loader 工作正常,直到我将 outputPath 添加到我的 svg-sprite-loader。此时 svgo-loader 不再找到该文件。
reactjs - How to keep ids when loading SVG with @svgr/webpack?
I am loading SVG files with @svgr/webpack into React, I works fine but it strips the ids of the elements.
In order to keep the ids, I saw the option cleanIDs
in SVGO config file, which I set to false, but to no avail.
How can I keep my ids?
Here is how I configure the loader in webpacks:
I also tried:
- to disable SVGO altogether, but then it fails to load the SVG files
- with option cleanupIDs, but the ids are still removed