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

时间:2014-07-02 10:42:05

标签: javascript html5 canvas

我开始使用画布编码,我陷入了(很可能)非常简单的问题。我有一个代码,点击lads一些图像,我想在加载时将图像放在画布上。当我在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);
    };

1 个答案:

答案 0 :(得分:1)

将您的bc.length媒体资源更改为bc.height;)