问题标签 [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.

0 投票
2 回答
1344 浏览

svg - SVGO:杀死 #000000 填充

我正在使用svgo并且遇到了一个奇怪的问题,它正在杀死我的填充颜色,但前提是它是#000000; 或任何种类的变体black,,,#000。我已尝试设置removeUselessStrokeAndFill为,false但它继续仅删除该颜色。用不同的东西编辑 src.svg文件可以保持填充颜色。有没有我缺少的设置?谢谢!

0 投票
1 回答
1625 浏览

node.js - SVGO - 添加插件

这可能是一个愚蠢的问题...

我已经从https://github.com/svg/svgo安装了 SVGO

我想打开执行此操作的插件:

应用变换,按实际宽度裁剪,居中垂直对齐并调整 SVG 的大小,其中包含一个路径(默认情况下禁用)

我该怎么做呢?

据我了解,我需要找到一个配置文件并将其添加到插件列表中。我不知道从哪里开始。请帮忙 :D

0 投票
2 回答
1155 浏览

svg - 为什么在使用符号最小化 svg 时 svgo 会删除所有内容?

查看 svg 最小化选项,我发现 svgo https://github.com/svg/svgo 。我成功地尝试了从 illustrator 生成的 svg,但是,当我针对以下内容运行它时,生成的文件完全是空白的。

我一直无法找到发生这种情况的原因。

0 投票
1 回答
1170 浏览

svg - 如何在`svgo`中解析具有未引用属性的svgs?

当使用svgo或作为 webpack 加载器 ( svgo-loader ) 或插件 ( imagemin ) 的一部分进行解析时,它们都使用 svgo,如果你的 svg 具有不带引号的属性,例如:

错误:Error in parsing SVG: Unquoted attribute value发出。

可以在所有这些中使用带有未引用属性的 svg 吗?

0 投票
2 回答
1593 浏览

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),但对我的输出文件没有影响。

感谢一些指导!

0 投票
1 回答
427 浏览

node.js - svgo 形状到路径不转换椭圆

尝试使用 svgo 将形状从 svg 文件批量转换为路径。

https://github.com/svg/svgo

看起来像椭圆的元素不会转换为路径

在命令行上进行了测试,例如:

与 config.json 有

也试过

也试过

0 投票
1 回答
635 浏览

typescript - 未找到模块:错误:无法解析“@types/svgo”

我已经使用 svgo 安装了类型

yarn add @types/svgo.

在我想使用 svgo 的文件中,我写:

import SVGO from 'svgo';

从那里我可以通过 svgo 的定义轻松地检查类型。

但是当我在控制台中运行 runtyarn install或类似命令时,我得到:

这是一个最近从电子反应样板开始的电子项目。

这可能是什么原因造成的?

0 投票
1 回答
73 浏览

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 试图从压缩中挤出每一个最后一个字节,所以它可能利用了一些我找不到参考的隐含解析规则。有谁知道如何处理最后一对?

0 投票
1 回答
82 浏览

svgo - svg-sprite-loader outputPath 中断 svgo

我的 svgo-loader 工作正常,直到我将 outputPath 添加到我的 svg-sprite-loader。此时 svgo-loader 不再找到该文件。

0 投票
1 回答
1034 浏览

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