1.作为新手,我在学习cavas的时候,出现了一个比较常见的新手会发生的问题;
大家看下面代码
var mycanvas = document.getElementById("mycanvas");
var cxt = mycanvas.getContext("2d");
cxt.moveTo(10, 10);
cxt.lineTo(150, 50);
cxt.lineTo(10, 50);
cxt.stroke();
是不是觉得没有任何问题;
确实,只是从代码上来看确实没有任何问题,但是运行之后我的cavas对象一直是null;
想必大家是知道为什么了:
应该要等到页面加载完成之后,也就是说少了windown.onload
window.onload = function() {
var mycanvas = document.getElementById("mycanvas");
var cxt = mycanvas.getContext("2d");
cxt.moveTo(10, 10);
cxt.lineTo(150, 50);
cxt.lineTo(10, 50);
cxt.stroke();
}
这么写,才是没有任何问题的;
如果使用jquery的话那么是,$(function(){
})或者是$(doucment).ready(...);
问题不大,但是往往比较容易忘记;作为新手,切记切记!