Доступная только для чтения привязка this применяется к любому HTML-элементу (или компоненту) и позволяет вам получить ссылку на отрендеренный элемент. Например, мы можем получить ссылку на элемент <canvas>:

<canvas
	bind:this={canvas}
	width={32}
	height={32}
></canvas>

Обратите внимание, что значение canvas будет равно undefined до тех пор, пока компонент не будет отрисован, т.е. смонтирован в DOM, поэтому мы поместили всю логику в функцию жизненного цикла onMount.



		
loading editor...

Console

loading Svelte compiler...


		
loading editor...

Compiler options

result = svelte.compile(source, {
generate:
});


		
loading editor...