svelte svg embed test • Playground • Svelte

App.svelte

let patternstr = `<pattern width="1" height="1" patternContentUnits="objectBoundingBox" id="patternx1">

</pattern>`

let patterns = {p: patternstr}

let patternstr2 = `<pattern width="1" height="1" patternContentUnits="objectBoundingBox" id="patternx2">

</pattern>`

</script>

<defs>

{#each Object.entries(patterns) as [p, pattern]}

{@html pattern}

{/each}

</defs>

</svg>

<defs>

{@html patternstr2}

</defs>

</svg>

loading Svelte compiler...

/* Select a component to see its compiled code */

result = svelte.compile(source, {

generate: "client" "server",

dev: false });

/* Select a component to see its compiled code */