即使宽度和高度明确设置，也可以扩展以适应内容

Question

如果我使用div将$.attr()的尺寸设置为100 x 100像素，并将其中的画布设置为150 x 150像素，请再次使用$.attr()来避免在拉伸画布时，div会自动扩展以适应其内容。为什么会这样，我怎样才能确保div切断画布？我overflow: hidden上有div，想要用它来显示画布的一部分。但是，所有画布都在显示。

这是fiddle of my problem。

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