情境縮放

這個範例展示了如何讓節點使用當前的縮放級別來決定要顯示的內容。我們可以透過 useSvelteStore hook 存取 viewport 可寫入變數內的縮放，以便在縮放變更時更新我們的自訂節點。

<script lang="ts">
const data: string = "world";
</script>

<h1>Hello {data}</h1>

<style>
h1 {
  font-size: 1.5rem;
}
</style>

唯讀

⚠️

若要抑制瀏覽器主控台中未知的 prop 警告，請參閱指南。