-2

我错过了一些可能非常明显的东西。我可以使用“检查元素”找到画布的唯一原因是因为它是在其 id 属性时声明的。JavaScript 被公然忽略。我在画布上下文中尝试了各种命令；什么都没发生。帮助将不胜感激。这是一个例子：

<!doctype html>
<head>
</head>
<body>
<div id="container">        
<header>
    <canvas id="title_canvas" width: "1200px"; height: "100px"></canvas>
    <script>
        var title_c = document.getElementByID("title_canvas");
        var title_ctx = document.getContext("2d");
        title_ctx.fillRect(0,0,100,90);
    </script>       
</header>   
</div>
</body>
</html>
4

2 回答 2

1

您需要调用getContext画布，而不是文档。

于 2013-08-08T13:19:01.617 回答
0

这应该是：

<!doctype html>
<head>
</head>
<body>
<div id="container">        
<header>
    <canvas id="title_canvas" width: "1200px" height: "100px"></canvas>
    <script>
        var title_c = document.getElementById("title_canvas");
        var title_ctx = title_c.getContext("2d");
        title_ctx.fillRect(0,0,100,90);
    </script>       
</header>   
</div>
</body>

getContext 是一种画布方法而不是文档方法。您的 HTML 中还有一个杂散的分号。

于 2013-08-08T13:23:19.837 回答