Javascript 画布在加载时不绘制图像

Javascript 画布在加载时不绘制图像,javascript,html,canvas,Javascript,Html,Canvas,我开始玩画布编码,我陷入了一个(很可能)非常简单的问题。我有一个代码,它在单击时会加载一些图像,我想在加载图像时将其放在画布上。当我转到Chrome中的诊断工具时,图片被加载,控制台中没有错误,但是图像确实被绘制在画布上 你知道为什么吗 sAlphaF = new Image(); sAlphaF.src = '/img/sAlpha_'+tbaID+'_f.png'; sAlphaF.onload = function(){ var ctxs=gc.ge

我开始玩画布编码,我陷入了一个(很可能)非常简单的问题。我有一个代码,它在单击时会加载一些图像,我想在加载图像时将其放在画布上。当我转到Chrome中的诊断工具时,图片被加载,控制台中没有错误,但是图像确实被绘制在画布上

你知道为什么吗

    sAlphaF = new Image();
    sAlphaF.src = '/img/sAlpha_'+tbaID+'_f.png';
    sAlphaF.onload = function(){
        var ctxs=gc.getContext("2d");
        ctxs.drawImage(sAlphaF,0,0, gc.width, gc.length);
    };
    tAlphaF = new Image();
    tAlphaF.src = '/img/tAlpha_'+tbaID+'_f.png';
    tAlphaF.onload = function(){
        var ctxt=bc.getContext("2d");
        ctxt.drawImage(tAlphaF,0,0, bc.width, bc.length);
    };

bc.length
属性更改为
bc.height
;)

你有什么错误吗?控制台中没有错误bc.width和bc.length有效?你确定你应该使用bc.length isntead of bc.height吗?啊,我真傻。。。是身高,不是长度。。去检查