所以我正在研究圖表，我正在定制只能用 svg 完成的點。
<svg className="svg-triangle">
<g>
<defs>
<pattern id="image" x="0%" y="0%" height="100%" width="100%"
viewBox="0 0 512 512">
<image x="0%" y="0%" width="400" height="400" href="../../Assets/Images/Icons/triangle_default.png"></image>
</pattern>
</defs>
<circle cx={cx} cy={cy} r={6} fill="url(#image)" />
</g>
</svg>
但它一直這樣顯示，我不明白為什么
uj5u.com熱心網友回復：
如果影像與您的代碼一起存盤在本地，那么您需要import或requireURL 來加載檔案。
const triangle = require('../../Assets/Images/Icons/triangle_default.png');
import triangle from '../../Assets/Images/Icons/triangle_default.png';
<image x="0%" y="0%" width="400" height="400" href={triangle}/>
或行內
<image x="0%" y="0%" width="400" height="400" href={require('../../Assets/Images/Icons/triangle_default.png')}/>
另請參閱：如何在 React 中參考本地影像？
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/516159.html
標籤：svg重新图表