我正在嘗試為以下具有線性漸變屬性 stop-color="#FFFFFF" 的 SVG 矩形元素找到 xpath。
我當然可以通過參考屬性@fill=url(#color1) 來檢索xpath，但我想通過顏色代碼#FFFFFF 來實作。由于 URL() 函式在 eXide 中無法決議，因此這樣做會令人困惑。非常感謝任何建議。
<body>
<svg>
<defs>
<linearGradient id="color1">
<stop stop-color="#FFFFFF" />
</linearGradient>
<linearGradient id="color2">
<stop stop-color="#000000" />
</linearGradient>
</defs>
<svg x="10%" y="10%" width="10%" height="10%">
<rect width="100%" height="100%" fill="url(#color1)" />
</svg>
</svg>
</body>
uj5u.com熱心網友回復：
我同意 LMC。
但是您的 svg 代碼不完整。
它不能作為自包含的 .svg 檔案作業（始終是一個很好的檢查起點，您的 svg 特定標記是否會產生預期的顯示）。
您錯過了定義開始和結束顏色停止。
嘗試這個：
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<defs>
<linearGradient id="color1" gradientTransform="rotate(90)">
<stop offset="0%" stop-color="#FFFFFF" />
<stop offset="100%" stop-color="#f00" />
</linearGradient>
</defs>
<svg x="10%" y="10%" width="10%" height="10%">
<rect width="100%" height="100%" fill="url(#color1)" />
</svg>
</svg>另請參閱：使用 CSS 的 SVG 漸變
uj5u.com熱心網友回復：
此 xpath 應按預期獲取元素
//svg[defs/linearGradient/stop[@stop-color="#FFFFFF"]]/svg/rect
在命令列上測驗 xmllint
xmllint --xpath '//svg[defs/linearGradient/stop[@stop-color="#FFFFFF"]]/svg/rect' tmp.html
退貨
<rect width="100%" height="100%" fill="url(#color1)"/>
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/343383.html