在Svelte應用中使用SVG圖形通常有兩種方法：一種是直接在Svelte組件中使用內聯SVG，另一種是將SVG圖形作為單獨的文件導入。
<script>
import { onMount } from 'svelte';
let isMounted = false;
onMount(() => {
isMounted = true;
});
</script>
{#if isMounted}
<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
<circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
</svg>
{/if}
my-icon.svg：<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
<circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="green" />
</svg>
然后在Svelte組件中導入并使用該SVG文件：
<script>
import MyIcon from './my-icon.svg';
</script>
<MyIcon />
通過這兩種方法，您可以在Svelte應用中輕松地使用SVG圖形。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
