我有一個 SVG 檔案(匯出的 Gliffy 圖表),我想在 Inkscape 中打開和編輯它。使用 Chrome 的開發者選項查看檔案代碼時,如下所示:
<svg xmlns="...>
<g transform="...>
<image xlink:href="data:image/svg xml,
...></image>
</g>
... (about 20 more <g>...</g> tags)
</svg>
解碼以 ... 開頭的部分時,它會轉換為類似
data:image/svg xml,
<svg xmlns="http://www.w3.org/2000/svg" height="50000" width="50000">
<style>
.gliffy-rte-text {
...
問題是,在 Inkscape 中,這些部分將被一個占位符替換,告訴我“未找到鏈接影像”,并且正如
您應該禁用所有其他優化引數,因為它們可能會剝離許多其他屬性。
預期結果之前
<svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg">
<style>
circle{
fill:none;
stroke: orange;
stroke-width:10;
}
</style>
<circle cx="128" cy="128" r="100"/>
</svg>
后
<svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg">
<circle cx="128" cy="128" r="100" fill="none" stroke="orange" stroke-width="10"/>
</svg>
uj5u.com熱心網友回復:
在瀏覽器中打開包裝檔案。右鍵單擊包含嵌入 SVG 的區域,然后選擇“將(影像)另存為...”。如果包裝器包含多個<image>標簽,您將不得不將它們保存到單獨的檔案中,但至少它們將采用 Inkscape 可以處理的形式。
如果您想再次將它們全部放在一個 SVG 檔案中,則必須通過 Inkscape 匯入功能重新匯入它們。請注意選擇“包含為可編輯物件”,否則您將在開始的地方結束:

順便說一句,上面關于 CSS 的推測是未經證實的。Inkscape 會將<style>元素的內容轉換為行內style屬性,否則會正確處理它們。上面的螢屏截圖中非常清楚地說明了發生的事情:通過<image>標簽嵌入的資料 URL 在 Inkscape 中是不可編輯的。
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/410809.html
標籤:
