写了HTML5的canvas的一段代码,在chrome中报canvas Object [object Object] has no method 'getContext'
原因分析:因为js先于页面载入,还没有canvas,所以要在页面载入后才能获得canvas对象。
开始代码:
<span style="white-space:pre"> </span>var canvas = document.getElementById('gdCanvas');
var context = canvas.getContext('2d');// 这里通过canvas获取处理API的上下文context
context.beginPath();
context.moveTo(150, 100);
context.lineTo(300, 200);
context.stroke();
修改代码:
<span style="color:#ff0000;">window.onload = function(){</span>
var canvas = document.getElementById('gdCanvas');
var context = canvas.getContext('2d');// 这里通过canvas获取处理API的上下文context
context.beginPath();
context.moveTo(150, 100);
context.lineTo(300, 200);
context.stroke();
<span style="color:#ff0000;">};</span>