由于某种原因,如果以下代码中的第二个画布高度超过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>