我使用 pdf2svg 將 PDF 檔案轉換為 SVG。我將所有 SVG 嵌入到一個 HTML 檔案中。但是，某些頁面重疊/重疊并且文本未正確顯示。當我直接在瀏覽器上預覽每個 SVG 時，它會正確顯示。
有什么修復顯示幕的建議嗎？
<p class="codepen" data-height="300" data-default-tab="html,result" data-slug-hash="xxpZoMa" data-preview="true" data-editable="true" data-user="andychukse" style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;">
<span>See the Pen <a href="https://codepen.io/andychukse/pen/xxpZoMa">
SVGHTML</a> by Andy (<a href="https://codepen.io/andychukse">@andychukse</a>)
on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script>uj5u.com熱心網友回復：
你 3 svgs 包含非唯一的符號 ids。
這些符號用于定義作為<use>元素放置以顯示文本（實際上轉換為路徑）的字形/字符。
由于每個 svg 頁面都有自己的符號陣列，因此在連接所有 svg 時無法正確映射字符：
<use x="176.796" y="580.6" xlink:href="#glyph0-1"/>
在第 3 頁將采用第一個符號定義（從第 1 頁開始） - 文本顯示將變得混亂。
作為一種解決方法，您可以將 3 個 svgs 放置為單獨的檔案，如下所示：
<div class="page-1">
<img src="page1.svg" width="612pt" height="792pt">
</div>
否則，您可以通過 search-replace 為每個 svg 添加字形 id 前綴，如下所示：
glyph0-1替換為p1glyph0-1
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/451863.html