Svelte exposes lifecycle functions from the svelte
package.
The onMount
lifecycle hook executes a callback after the component is mounted. At this point, the component's HTML is rendered in the DOM.
<script>
import { onMount } from 'svelte';
onMount(() => {
const canvas =
document.querySelector('canvas');
const context =
canvas.getContext('2d');
// …
});
</script>
<canvas></canvas>