4

出于某种原因，如果以下代码中的第二个画布的高度超过 526 像素，Chrome 中将不会对其进行任何绘制。只要 height < 527，它就可以正常工作，并且始终可以在 Firefox 中使用。有人知道我在做什么错吗？我对 HTML 很陌生，如果我错过了一些东西，很抱歉。

<!doctype html>
<html>
  <head>
 <script type="text/javascript">

function init()
{
    var canv = document.getElementById("myCanvas");
    var ctx = canv.getContext("2d");
    ctx.fillStyle = "red";
    ctx.fillRect(0, 0, canv.width, canv.height);
}

</script>
<style type="text/css">
canvas {border: 1px solid black; }
</style>
</head>
<body onload="init()">
<canvas id="mainFrame" width="700" height="700"></canvas>
<canvas id="myCanvas" width="125" height="527"></canvas> <!-- cannot exceed
526 ... WHY? -->
</body>
</html>
4

1 回答 1

1

我在 win7 x64 上的 chrome v.24.0.1312 上尝试了这个，它按原样工作，尝试更新到最新版本的浏览器。

于 2013-01-21T11:50:28.167 回答