Text-Processing

使用 sed 替換 URL 的十六進制程式碼並在所有 SVG 文件中的 SVG 標記後插入新的 SVG 程式碼

  • January 6, 2019

我想 …

  • 替換所有 SVG 文件中 URL (id) 的十六進制程式碼
  • <svg ...>使用 Regex在 之後插入/添加新的 SVG 程式碼行。

輸入：

<svg xmlns="http://www.w3.org/2000/svg" style="isolation:isolate" width="16" height="16" viewBox="0 0 16 16">
<defs>
 <clipPath id="clip1">
  <rect width="16" height="16"/>
 </clipPath>
</defs>
<g clip-path="url(#clip1)">
 <rect fill="#5c616c" width="4.625" height="3.594" x="18.19" y="-.16" transform="matrix(1,0,0,1,0,0)"/>
 <path fill="#5c616c" d="M 11.538 1 L 11.166 1.46 L 9.895 3.082 L 8.712 3.082 L 8.712 3.783 L 5.908 3.783 L 5.908 5.185 L 8.712 5.185 L 8.712 5.886 L 9.895 5.886 L 11.166 7.507 L 11.538 7.967 L 12.042 7.704 L 15 6.149 L 14.342 4.922 L 11.911 6.193 L 10.596 4.484 L 11.91 2.774 L 14.343 4.046 L 15 2.819 L 12.042 1.263 L 11.538 1 Z M 3.103 2.38 C 1.911 2.38 1 3.292 1 4.484 C 1 5.376 1.512 6.121 2.271 6.433 L 3.935 11.495 L 6.894 11.495 L 4.943 5.514 C 5.11 5.209 5.207 4.864 5.207 4.484 C 5.207 3.292 4.295 2.38 3.103 2.38 Z M 3.103 3.783 C 3.525 3.783 3.804 4.062 3.804 4.484 C 3.804 4.906 3.525 5.185 3.103 5.185 C 2.681 5.185 2.402 4.906 2.402 4.484 C 2.402 4.062 2.681 3.783 3.103 3.783 Z M 2.402 12.196 C 1.63 12.196 1 12.825 1 13.598 L 1 15 L 12.918 15 L 12.918 13.598 C 12.918 12.825 12.289 12.196 11.516 12.196 L 2.402 12.196 Z"/>
</g>
</svg>

輸出：

<svg xmlns="http://www.w3.org/2000/svg" style="isolation:isolate" width="16" height="16" viewBox="0 0 16 16">

<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">
 <stop offset="0%" style="stop-color:rgb(255,255,0);stop-opacity:1" />
 <stop offset="100%" style="stop-color:rgb(255,0,0);stop-opacity:1" />
</linearGradient>

<defs>
 <clipPath id="clip1">
  <rect width="16" height="16"/>
 </clipPath>
</defs>
<g clip-path="url(#clip1)">
 <rect fill="url(#grad1)" width="4.625" height="3.594" x="18.19" y="-.16" transform="matrix(1,0,0,1,0,0)"/>
 <path fill="url(#grad1)" d="M 11.538 1 L 11.166 1.46 L 9.895 3.082 L 8.712 3.082 L 8.712 3.783 L 5.908 3.783 L 5.908 5.185 L 8.712 5.185 L 8.712 5.886 L 9.895 5.886 L 11.166 7.507 L 11.538 7.967 L 12.042 7.704 L 15 6.149 L 14.342 4.922 L 11.911 6.193 L 10.596 4.484 L 11.91 2.774 L 14.343 4.046 L 15 2.819 L 12.042 1.263 L 11.538 1 Z M 3.103 2.38 C 1.911 2.38 1 3.292 1 4.484 C 1 5.376 1.512 6.121 2.271 6.433 L 3.935 11.495 L 6.894 11.495 L 4.943 5.514 C 5.11 5.209 5.207 4.864 5.207 4.484 C 5.207 3.292 4.295 2.38 3.103 2.38 Z M 3.103 3.783 C 3.525 3.783 3.804 4.062 3.804 4.484 C 3.804 4.906 3.525 5.185 3.103 5.185 C 2.681 5.185 2.402 4.906 2.402 4.484 C 2.402 4.062 2.681 3.783 3.103 3.783 Z M 2.402 12.196 C 1.63 12.196 1 12.825 1 13.598 L 1 15 L 12.918 15 L 12.918 13.598 C 12.918 12.825 12.289 12.196 11.516 12.196 L 2.402 12.196 Z"/>
</g>
</svg>

這是我的shell腳本：

for i in *.svg; 
   do sed --in-place --follow-symlinks 's/#5c616c/url(#grad1)/' "$i"
done;

for i in *.svg; 
   do sed --in-place --follow-symlinks '/(svg)([^<]*|[^>]*)/ag <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" style="stop-color: rgb(255, 255, 0); stop-opacity: 1"\/> <stop offset="100%" style="stop-color: rgb(255, 0, 0); stop-opacity: 1"\/> <\/linearGradient>' "$i"
done;

在一行中：

for i in *.svg; do sed --in-place --follow-symlinks 's/#5c616c/url(#grad1)/g; /(svg)([^<]*|[^>]*)/a <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" style="stop-color: rgb(255, 255, 0); stop-opacity: 1"\/> <stop offset="100%" style="stop-color: rgb(255, 0, 0); stop-opacity: 1"\/> <\/linearGradient>' "$i"; done

我的命令不好，因為它替換並插入了一些 SVG 文件，並破壞了其他文件。

基於：

更新

基於：

我有一個名為 Breeze 的圖示主題。首先，我想找到一個圖示主題在/usr/share/icons/breeze,/home/$USER/.icons/breeze或/home/$USER/.local/share/icons/breeze中，如果找到，我將cd它替換並插入多個文件夾（不是所有文件夾）中的所有 SVG 文件中。三個文件夾apps/16：mimetypes/16和places/16。

是否可以重新調整文件中連結派生的這些程式碼replace-all.sh？

如果我理解正確，你想做兩件事：

  1. 替換#5c616c為url(#grad1)。
  2. <svg ...>在開始標記之後插入這些行：
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">
 <stop offset="0%" style="stop-color:rgb(255,255,0);stop-opacity:1" />
 <stop offset="100%" style="stop-color:rgb(255,0,0);stop-opacity:1" />
</linearGradient>

就個人而言，我會在 Perl 中完成所有工作：

#!/bin/perl
my $replacement=<<EoF;
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">
 <stop offset="0%" style="stop-color:rgb(255,255,0);stop-opacity:1" />
 <stop offset="100%" style="stop-color:rgb(255,0,0);stop-opacity:1" />
</linearGradient>
EoF
## This is just to fix SE's syntax highlighting /    
my $foundSvg = 0;
while (<>) {
 ## Insert the replacement after the 1st line matching '<svg'
 if (/<\s*svg/) {
   $foundSvg++;
 }
 if ($foundSvg == 1) {
   ## $_ is the value of the current line. If we have found the <svg,
   ## append $replacement to this line
   $_ .= $replacement;
   ## Increment $foundSvg so we don't do this twice
   $foundSvg++;
 }
 ## For all lines, replace all occurrences of #5c616c with url(#grad1)
 s/#5c616c/url(#grad1)/g;
 ## Print the line
 print;
}

將其保存為foo.pl然後：

for f in *svg; do
  perl foo.pl "$f" > tmpFile && mv tmpFile "$f"
done

引用自：https://unix.stackexchange.com/questions/492719

相關問答

Text-Processing

使用 ‘sed’ 替換任何單詞，而不是字元

  • November 4, 2022
檢視問答
Text-Processing

如何在空數據模式（-z）中將行的開頭與 sed 匹配？

  • August 8, 2022
檢視問答
Text-Processing

為什麼我不能將 ] 與 sed 匹配

  • April 9, 2022
檢視問答
Text-Processing

Sed + 正則表達式不匹配和替換發生

  • December 23, 2021
檢視問答
Text-Processing

如何向 sed 或 awk 流添加頁眉和/或頁腳？

  • September 30, 2021
檢視問答
Text-Processing

sed 正則表達式無法擷取包含該模式的整個段落

  • August 17, 2021
檢視問答