我是一名初学者,我一直坚持在 html 5 的 Canvas 上绘制矩形; 我的 html 代码:
<script src="new 3y.js"></script>
<title>test</title>
</head>
<body>
<section id="main">
<canvas id="canvas" width="600" height="400">
test
</canvas>
</section>
</body
我的js代码:
function doFirst() {
var x = document.getElementbyId('canvas');
canvas = x.getContext("2d");
canvas.strokeRect(10,10,100,200);
}
window.addEventListener("load" , doFirst ,false);
最佳答案
问题是您使用的是 document.getElementbyId
,但 b
必须是大写。
解决这个问题,您的代码就可以正常工作了:
function doFirst() {
var x = document.getElementById('canvas');
canvas = x.getContext("2d");
canvas.strokeRect(10,10,100,200);
}
window.addEventListener("load" , doFirst ,false);
<body>
<section id="main">
<canvas id="canvas" width="600" height="400">
test
</canvas>
</section>
</body>
关于javascript - 通过html5 Canvas 绘制一个矩形?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32891424/