2 回答
![?](http://img1.sycdn.imooc.com/5458478b0001f01502200220-100-100.jpg)
TA贡献1789条经验 获得超8个赞
您的代码中的问题似乎是 javascript 试图通过 id 获取一个元素,该元素在 javascript 运行时不存在。所以你所要做的就是将你的 javascript 放在文档的末尾(对于一些简单的测试)。在编写“真实”应用程序时,您应该将 javascript 包装在某种加载处理程序中,以确保它仅在文档完全加载后才被触发。
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<canvas id="ctx" width="150" height="150"></canvas>
<script>
var ctx = document.getElementById('ctx').getContext('2d');
console.log(ctx)
</script>
</body>
</html>
![?](http://img1.sycdn.imooc.com/5458502c00012d4a02200220-100-100.jpg)
TA贡献1848条经验 获得超10个赞
添加一个最小的 HTML 文档来保存画布。
错误是说它无法从未定义中获取 getElementById,这意味着文档未定义。
<!DOCTYPE html>
<html>
<head></head>
<body>
<canvas id="ctx" style="border: 1px solid #000000";></canvas>
<script>var ctx = document.getElementById('ctx').getContext('2d');</script>
</body>
</html>
以上工作在 Safari 和 Firefox 上没有错误
添加回答
举报