Svelte 尺寸的綁定

每個(gè)塊級(jí)標(biāo)簽都可以對(duì) clientWidth、clientHeight、offsetWidth 以及 offsetHeight 屬性進(jìn)行綁定：

<div bind:clientWidth={w} bind:clientHeight={h}>
	<span style="font-size: {size}px">{text}</span>
</div>

這些綁定是只讀的，更改w 和 h 的值不會(huì)有任何效果。

對(duì)標(biāo)簽的尺寸更改 請(qǐng)閱讀這里。 由于涉及到額外的性能開銷，因此不建議在頁面中大量的使用。

使用display: inline的標(biāo)簽無法獲得尺寸，當(dāng)然包含有其他有尺寸的標(biāo)簽 (例如<canvas>)也不會(huì)得到正常顯示。在這種情況下建議對(duì)該標(biāo)簽嵌套一層標(biāo)簽或者直接綁定它的父級(jí)。