Question

出于某种原因，如果以下代码中的第二个画布的高度超过526像素，则Chrome中不会向其绘制任何内容。只要高度<1，它就可以正常工作。 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>

Answer 1

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

无法在一定大小的画布上绘制

1 个答案: