我可以使用它作為組件來更改 SVG 的填充
import { ReactComponent as Icon} from '../assets/icon.svg'
...
<Icon fill='#000' />
在 SVG 檔案內的填充欄位上使用“當前”
<path fill="current" />
但我有兩條不同的道路。如何設定它們具有不同的填充？
<path fill="current" />
<path fill="otherColor?" />
uj5u.com熱心網友回復：
我設法通過創建一個回傳該 SVG 并接受道具的組件來使用不同的顏色
const Icon = (props) => (
<svg>
<g>
<path fill={props.outside} />
<path fill={props.inside} />
</g>
</svg>
)
...
<Icon outside='#000' inside='red'/>
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/359345.html
上一篇：SVG-使用radialGradient遮罩feGaussianBlur
下一篇：SVG：相對于其他組的位置組