jquery - 具有溢出的 Div：隐藏、边界半径和画布作为子项。取决于尺寸画布的溢出错误

Question

今天我遇到了一个重大问题。“错误”似乎取决于圆形 div 内画布的大小。谁能解释这种小提琴行为并在firefox 16.0.2./chrome中有解决这个“错误”的方法检查FF，IE和chrome的小提琴......

overflow not hidden in firefox 16
<div class="round"  >
<canvas  width="300px" height="300px">
    Your browser needs canvas support</canvas>
</div>
overflow hidden in firefox 16
<div class="round"  >
<canvas  width="12000px" height="7200px">
    Your browser needs canvas support</canvas>
</div>

小提琴

Answer 1

我对画布了解不多，但你的内联width="300px" height="300px"让我觉得不正确。如果您将这些推迟到样式表或内联style属性，您应该得到您想要的结果：

<canvas style="width:300px; height: 300px;">

Answer 2

由于这是一个错误，我没有找到任何其他解决方案，然后为画布元素设置一个巨大的宽度，目前这个问题没有正确的答案。