javascript - Canvas 在加载时不绘制图像

Question

我开始使用 Canvas 编码，但我陷入了一个(很可能)非常简单的问题。我有一个代码，点击后会显示一些图像，我想在加载图像时将其放在 Canvas 上。当我使用 Chrome 中的诊断工具时，图片已加载，控制台中没有错误，但图像确实绘制在 Canvas 上。

有什么想法吗？

    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);
    };

Answer 1

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