Javascript画布未捕获类型错误：document.getContext不是函数_Javascript_Canvas_Browser

Javascript画布未捕获类型错误：document.getContext不是函数

javascript canvas browser

Javascript画布未捕获类型错误：document.getContext不是函数,javascript,canvas,browser,Javascript,Canvas,Browser,我试图画一个简单的画布，但我的浏览器显示了一个错误，我是通过一个教程来做这件事的，我想知道错误在哪里。提前谢谢 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>doc</title> <link rel="stylesheet" href="style.css">

我试图画一个简单的画布，但我的浏览器显示了一个错误，我是通过一个教程来做这件事的，我想知道错误在哪里。提前谢谢

  <!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>doc</title>
        <link rel="stylesheet" href="style.css">

    </head>
    <body>
        <canvas id="c1"></canvas>
        <script src="js.js"></script>
    </body>
    </html>
   var canvas = document.getElementById('c1');
   var ctx = document.getContext('2d');
   ctx.fillRect(100,50,150,75);

getContext是canvas元素的方法

因此，请尝试canvas.getContext'2d'而不是document.getContext'2d'

有关更多信息，请参见画布元素的getContext方法

因此，请尝试canvas.getContext'2d'而不是document.getContext'2d'

有关更多信息，请参见

让ctxA=document.querySelectorcanvas1.getContext2d

让ctxB=document.querySelectorcanvas2.getContext2d

这些行获取DOM元素，然后标识相应画布的上下文

上下文对象是包含所有绘图方法等的对象，因此这才是您真正想要的-您将比画布对象更频繁地引用上下文对象

请注意，如果确实需要画布对象，可以在ctx.canvas属性中引用它。

让ctxA=document.querySelectorcanvas1.getContext2d

让ctxB=document.querySelectorcanvas2.getContext2d

这些行获取DOM元素，然后标识相应画布的上下文

上下文对象是包含所有绘图方法等的对象，因此这才是您真正想要的-您将比画布对象更频繁地引用上下文对象

请注意，如果确实需要画布对象，可以在ctx.canvas属性中引用它