4

何らかの理由で、次のコードの 2 番目のキャンバスの高さが 526 ピクセルを超える場合、Chrome では何も描画されません。高さ < 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 に答える