Question

我创建了一个画布并调用了它的getContext()方法。但它会为上下文返回null。

以下是我使用的代码：

<script>
    window.onload =  init;
    function init(){
        var canvas, context;
        canvas = document.getElementById('canvas');
        context = canvas.getContext('2D');
        console.log(canvas);
        console.log(context);
    }
</script>

我在我的控制台中得到了这个：

<canvas id="canvas" width='500' height='250'>This is a canvas</canvas> null

Answer 1

我认为它是2d，带有小写的“d”。试试这种方式：

context = canvas.getContext('2d');

如果不是那样，那么根据to the specs：

（getContext）如果不支持给定的上下文ID，则返回null，如果画布已经使用其他上下文类型初始化（例如，在获取“webgl”上下文后尝试获取“2d”上下文）。

canvas.getContext（＆＃39; 2D＆＃39;）返回null值

1 个答案: