為了給下面的 SVG 添加紅色背景,我添加了一個紅色rect:
<?xml version="1.0" encoding="UTF-8"?>
<ns0:svg xmlns:ns0="http://www.w3.org/2000/svg" xmlns:ns1="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:ns2="http://www.inkscape.org/namespaces/inkscape" xmlns:ns3="http://www.w3.org/1999/xlink" version="1.1" width="316.214" height="94.513" viewBox="-72 -72 237.16 70.885" ns1:docname="table-1.svg" ns2:version="1.1.2 (0a00cf5339, 2022-02-04)">
<rect x="-72" y="-72" width="100%" height="100%" fill="red" />
</ns0:svg>
(在哪里x并y標記視圖的原點。)這在
但是 Chrome 和 Firefox 似乎忽略了<rect>并且有一個透明的背景。
知道這里出了什么問題嗎?
uj5u.com熱心網友回復:
您正在使用自定義名稱空間,因此 svg 名稱空間對您來說是 ns0 。這就是 xmlns:ns0="http://www.w3.org/2000/svg" 屬性的作用。
因此,您的 rect 元素需要是 ns0:rect 而不僅僅是 rect。
或者,您可以通過添加說您的默認命名空間是 svg
xmlns="http://www.w3.org/2000/svg"
到根元素,然后 rect 將按原樣作業。
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/506931.html
