Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
SVG-优化“;d";价值_Svg - Fatal编程技术网

SVG-优化“;d";价值

SVG-优化“;d";价值,svg,Svg,使用SVG文件,从Illustrator CS6 Extended导出 SVG还可以,但主要的是我想更改“d”值,更像这样: d="M0 0L0 18.8 141.8 4.1 283.5 18.8 283.5 0z" 试图尽可能地优化它,但不知道如何做。 如果有人告诉我怎么做,我会很感激的 在保存对话框中选择更多选项,然后选择1位小数 在保存对话框中选择更多选项,然后选择1位小数 根据您的路径数据,有几种可能的优化。Duopixel的答案是最简单和最有效的尺寸缩小。我接受他的回答。但是这里有

使用SVG文件,从Illustrator CS6 Extended导出

SVG还可以,但主要的是我想更改“d”值,更像这样:

d="M0 0L0 18.8 141.8 4.1 283.5 18.8 283.5 0z"
试图尽可能地优化它,但不知道如何做。
如果有人告诉我怎么做,我会很感激的

在保存对话框中选择更多选项,然后选择1位小数


在保存对话框中选择更多选项,然后选择1位小数


根据您的路径数据,有几种可能的优化。Duopixel的答案是最简单和最有效的尺寸缩小。我接受他的回答。但是这里有一些其他的转换可以应用于路径数据,这可能会有所帮助。您需要在每个命令的基础上尝试所有这些变体,看看它们是否保存了一个或两个字节:

  • 对于多边形/多段线,省略初始的
    L
    ;它在
    M
    命令后暗示,如果第一个X坐标为负,则可能会保存一个字节

    Old: M0,0L-7,10
    New: M0,0-7,10
    
  • 对于多边形/多段线,使用
    H
    V
    命令替换水平段和垂直段

    Old: L10,20 10,30 20,30
    New: L10,20H30V20
    
  • 对于大多数命令,将命令的绝对版本替换为相对版本。根据您的数字值和点变化,它可能会导致更小的数字(节省几个字节)

  • 对于三次
    C
    和二次
    Q
    曲线,其中“句柄”在点上镜像,替换为速记(
    S
    T
    )版本


Illustrator没有提供以上任何一项作为导出选项(尽管根据版本的不同,默认情况下可能会提供一些导出选项)。它们通常需要对路径数据进行自定义代码分析。为此,您可能对JavaScript库感兴趣。我写了一个小的一次性函数;通过自己操作解析结果并反复调用,您可以实现上述功能。

根据您的路径数据,有几种可能的优化。Duopixel的答案是最简单和最有效的尺寸缩小。我接受他的回答。但是这里有一些其他的转换可以应用于路径数据,这可能会有所帮助。您需要在每个命令的基础上尝试所有这些变体,看看它们是否保存了一个或两个字节:

  • 对于多边形/多段线,省略初始的
    L
    ;它在
    M
    命令后暗示,如果第一个X坐标为负,则可能会保存一个字节

    Old: M0,0L-7,10
    New: M0,0-7,10
    
  • 对于多边形/多段线,使用
    H
    V
    命令替换水平段和垂直段

    Old: L10,20 10,30 20,30
    New: L10,20H30V20
    
  • 对于大多数命令,将命令的绝对版本替换为相对版本。根据您的数字值和点变化,它可能会导致更小的数字(节省几个字节)

  • 对于三次
    C
    和二次
    Q
    曲线,其中“句柄”在点上镜像,替换为速记(
    S
    T
    )版本

Illustrator没有提供以上任何一项作为导出选项(尽管根据版本的不同,默认情况下可能会提供一些导出选项)。它们通常需要对路径数据进行自定义代码分析。为此,您可能对JavaScript库感兴趣。我写了一个小的一次性函数;通过自己操作解析结果并反复调用,您可以实现上述功能。

看起来像我的svgo-See。看起来像我的svgo-See。