即使寬度和高度明確設置，也可以擴展以適應內容

Question

如果我使用$.attr()將div的尺寸設置為100 x 100像素，並將其中的畫布設置為150 x 150像素，再次使用$.attr()來避免拉伸畫布，div自動生成擴展以適應其內容。 為什么會這樣，我怎樣才能確保div切斷畫布？ 我有overflow: hidden在div上，並希望用它來顯示畫布的一部分。 但是，所有畫布都在顯示。

這是我的問題的一個小提琴 。

Answer 1

設置容器的CSS大小和畫布的元素大小：

$("#container").css("width", 100);
$("#container").css("height", 100);

$("canvas").attr("width", 150);
$("canvas").attr("height", 150);

Answer 2

width和height不是有效的樣式屬性，並且不僅僅是數字屬性。

使用width()和height()或css()來設置內聯樣式屬性。 可以將表示像素的數值傳遞給所有3

DEMO