Svelte 尺寸的綁定

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

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

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

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

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