canvas内部插入超长图片后,调用rect()方法不显示矩形???

插入了三类图片:

一个图片的宽度是500px,

第二个图片宽度是15000px,

第三个图片宽度是40000px;

结果:
第一个图片插入后绘制矩形正常显示。

第二个图片插入后绘制矩形正常显示。

第三个图片插入后,图片正常显示,滚动条显示正常,矩形框坐标可以取到,但是图上并没有显示出矩形。这是为什么?是有什么限制吗?

部分代码:

var c=document.getElementById("penal");
        var ctx=c.getContext("2d");
        ctx.beginPath() //注意此处
        if(lb==0){
            ctx.strokeStyle  = "yellow";
        }else if(lb==1){
            ctx.strokeStyle = "darkorange";     
        }
        ctx.lineWidth=2;
        ctx.rect(x,y,length,depth);
        ctx.stroke();
        ctx.closePath()

小白求助各位大佬们,谢谢,,