gpt4 book ai didi

javascript - Canvas - 未捕获的类型错误 : Cannot read property 'getContext' of null

转载 作者:行者123 更新时间:2023-11-30 11:48:43 26 4
gpt4 key购买 nike

<分区>

我是 Canvas 的新手,正在 Codepen 上试用。我不断收到错误消息 - Uncaught TypeError: Cannot read property 'getContext' of null

我在 StackOverflow 上阅读了很多关于相同错误的类似问题,并尝试了提供的一些解决方案,但似乎都没有用。

这是因为某些答案似乎暗示 HTML 在 JavaScript 之前加载吗?不幸的是,我认为我无法在 Codepen 上进行更改。

我也尝试过将它包装在 $( document ).ready(function() {}); 中使用 jQuery 但这也不起作用。

基本上,我有这个 <canvas>元素 - <canvas id="mycanvas" class="orangeback"></canvas>我正在尝试使用下面的 JavaScript 创建一个矩形和一些文本 -

function doRed() {
var id1 = document.getElementById("mycanvas");
id1.style.backgroundColor = "red";
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
context.fillStyle = "purple";
context.fillRect(10,10,60,60);

context.fillStyle = "black";
context.font = "30px Arial";
context.text = "Hello";
}

Here's the link to my full code on JSFiddle

如果有人能指出我哪里出了问题,那将会很有帮助。谢谢!

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com