HTML5画布脚本已忽略

HTML5 canvas scripting ignored

本文关键字：脚本 布脚本 HTML5      更新时间：2023-09-26

我错过了一些可能非常明显的东西。我可以使用"inspect元素"找到画布的唯一原因是，它是在对其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>

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

这就是它应该是的：

<!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中也有一个错误的分号。

相关文章：