画布不起作用 - 但没有错误

Question

我试图运行一个简单的卡车模拟器（抱歉喜欢卡车），但是当我尝试时，它似乎不起作用（也没有错误）。但是，当我在 Bill Mill's Canvas Tutorial的编辑部分中运行整个代码时，它可以正常工作。万一你说它是我的浏览器，这不会显示＆＃34;哎呀......＆＃34;：
    <canvas id="canvas" width="420" height="440" style="border: 1px solid #000;">Oops...


JS:


    /*Truck Driving Simulator**/
    //set up the canvas
    var c = document.getElementById("canvas");
    var w = 420;
    var h = w+20;
    var ctx = c.getContext('2d');
    var t = tr(250,250,20,40,'blue');
    function tr(iX,iY,iR,iColor){
        return{
            drawmove: function(){
                ctx.beginPath();
                ctx.arc(iX, iY, iR, 0, Math.PI*2, true); 
                ctx.fillStyle = iColor;
                ctx.fill();
                ctx.closePath();
            }
        }
    }
    function p(){
        t.drawmove();
    }
    function init(){
        setInterval(function(){
            p();
        }, 60);
    }
    init();

JSFiddle： https://jsfiddle.net/yey4xdoq/
此外，即使它显示在小提琴中，它也不在我的电脑上 我：
1.确保我的浏览器支持画布标签
2.正确地联系我的Js
3.正确地称为画布