canvas.getContext('2D')返回空值

Question

我创建了一个canvas并调用了它的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

- Sajith

Answer 1

我认为这里的2d是小写的"d"，请尝试如下：

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

如果不是这样的话，根据规范：

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

- federico-t