Vue.js--类型错误:执行画布操作时无法读取null的属性“”getContext“”

文章/答案/技术大牛

发布

1回答

vue.js、canvas

我试着在Vue上绘制一个矩形的画布，它首先显示下面的错误，然后不知何故它工作了，但当我添加另一个矩形时，它再次显示相同的错误。我很困惑。[ at VueComponent.draw (canvass.vue?draw()"></canvas> let

浏览 53提问于2019-08-20得票数 2

8回答

无法读取null的属性“”getContext“”，使用画布

javascript、html、canvas

我得到了错误Uncaught TypeError: Cannot read property 'getContext' of null，文件中的重要部分是...我想知道由于game.js在下面的目录中，它找不到画布？this.draw = function() { if(canvas.getContext) {

浏览 0提问于2012-04-24得票数 62

回答已采纳

6回答

无法读取null的属性“getContext”

javascript、canvas、pdf.js

我有一个按钮，点击执行此function.This代码是绘制一条线的画布元素上的PDF文件得到渲染的网页上使用PDF.JS。但我得到一个错误“未捕获TypeError:无法读取属性'getContext‘的null”。我该怎么办呢。function abc()alert("msg"); var c=document.getElementById(

浏览 4提问于2014-03-19得票数 2

2回答

我一直收到错误: TypeError无法读取null的属性'getContext‘，并且找不到原因

javascript、html、canvas

我正在尝试遵循一个JavaScript游戏制作教程，但我得到了错误: TypeError无法读取属性'getContext‘的null。我在Cannot read property 'getContext' of null, using canvas上读到错误是在画布标签之前有脚本标签。之后我已经有了我的脚本标签。index.js">&

浏览 56提问于2020-07-28得票数 0

回答已采纳

1回答

如何使用从后端/API获得的特定坐标来绘制矩形？

javascript、html、canvas

在背景中，我有一个图像，这里我需要在图像上使用特定的坐标(它们来自API)绘制一个矩形。如何动态绘制，因为坐标不断变化。 <img src="" alt="" class="lbi-img" /> </svg> 2)我在这里创建画布canvas.h

浏览 1提问于2019-11-28得票数 1

1回答

我想在three.js中使用预先创建的画布。从我读过的教程和其他帖子来看，这应该是可行的： const canvas = document.createElement('canvas'); const ctx = canvas.getContext我得到了以下错误： THREE.WebGLRenderer: Error creating WebGL context.id='myCanvas'></canvas> 并使用：

浏览 124提问于2020-10-29得票数 2

回答已采纳

1回答

Js画布上下文在对象中提供未定义的

javascript、html

它的目的是获取画布的上下文： canvas: document.getElementById("room"),} 但是它给了我这个错误:无法读取未定义的属性(读取‘画布’)。

浏览 4提问于2022-06-26得票数 0

回答已采纳

1回答

'getContext‘类型上不存在属性’HTMLElement‘

javascript、html

我试图制作画布的背景，但我不能使用getContext。我知道错误：Html ctx = canvas.getContext("2d"); console.log('wtf happen'); fu

浏览 0提问于2019-07-11得票数 1

回答已采纳

2回答

Uncaught :无法读取属性'getContext‘的null

javascript、jquery

这是我的HTML代码，显示了画布： <canvas id="playerCanvas="550" height=600"></canvas <canvas id="enemiesCanvas" width="550" height=

浏览 0提问于2014-06-25得票数 0

回答已采纳

2回答

未定义的TypeError:无法读取未定义的属性“getContext”

javascript

在运行脚本时，我得到了“未定义的TypeError:无法读取未定义的属性'getContext‘”这个错误。似乎变量“画布”是未定义的，但我不知道为什么。var world = { context: this.canvas.getContext("2d

浏览 5提问于2016-02-25得票数 2

回答已采纳

1回答

错误:未捕获TypeError:无法读取null的属性'getContext‘

javascript

当我写道： var canvas = document.getElementById('canvas');//var canvas= document.getElementById("canvas")//var c = document.getElementById<

浏览 16提问于2020-07-25得票数 0

8回答

TypeScript:类型系统的问题

html、typescript、types、html5-canvas、static-typing

我只是在测试VisualStudio 2012的类型记录，它的类型系统有问题。我的html站点有一个带有id "mycanvas“的画布标记。我想在这张帆布上画一个长方形。“HTMLElement”类型的值上不存在我一点也不喜欢这个错误。为什

浏览 0提问于2012-12-02得票数 116

回答已采纳

1回答

难以使html元素进入react

javascript、html、reactjs、dom

我试图向react组件创建的元素中添加一个脚本。其想法是使用脚本在id=“矩阵”的画布中绘制一些效果。 /* const canvas = document.querySelector("#matrix"); */ const context

浏览 1提问于2022-08-30得票数 0

回答已采纳

1回答

HTML5 (包括Javascript)游戏，画布设置错误

javascript、html

我在HTML5中正确地设置了一个画布(我认为)，我有一个错误：</html> var canvas = document.getElementById("canvas"), ctx = canvas.getContext</em

浏览 0提问于2019-06-17得票数 0

回答已采纳

1回答

使用JS Jquery下载画布图像

javascript、jquery、canvas

我试图使用以下代码将画布映像下载到桌面上： var canvas; var canvas = $(this).find('canvas')[0];Uncaught :

浏览 0提问于2015-09-21得票数 0

回答已采纳

2回答

getContext('2d')在Safari 10中返回null

html、macos、safari、html5-canvas

即使在我们的MacBook上，我也不能复制问题本身，但是我们有一些用户的日志。问题是，当我尝试在CanvasRenderingContext2D上使用一些呈现方法时，它会崩溃，因为它是空的。所以我有了canvas元素，is有getContext方法，但是它返回null。已核实潜力的简短清单：创建、存在、具有正大小的画布元素，并具有getContext方法。页面加载后执行的<e

浏览 2提问于2016-11-08得票数 3

回答已采纳

1回答

在React中使用onChange设置状态将导致画布为空

javascript、reactjs、canvas

我有一个简单的应用程序，由双亲应用程序和子循环组件组成。我的目标是在画布上画圆圈(圆圈组件就是这样做的)，输入的是数字值，并用半径做那个数值的角度。就像这样：问题是，我已经在输入上设置了带有处理程序的onChange事件侦听器，这应该是为了更新我的状态，但是每当我在输入字段中键入某些内容时，它都会告诉我我的画布为null，而.getContext("2

浏览 0提问于2019-04-18得票数 3

1回答

在相位器3中重新启动场景时读取未定义的“剪切”时出错

javascript、game-development、phaser-framework

我是工作在使用弧形物理和帆布图形在相位3平台风格的游戏。在我的代码中，我希望完全重新启动当前场景，并使用this.scene.restart进行重新启动。每当我尝试这样做时，它都会给出“无法读取null (读取‘剪切’)属性”的错误。在使用WebGl图形时，它给出了另一个错误“无法读取null的属性</

浏览 2提问于2022-10-08得票数 0

3回答

如果内容是用ngif包装的，viewchild nativeElement是未定义的。

angular

我试图用画布画一条线，画布是用ngif条件包起来的。<HTMLCanvasElement>; this.condition = true; ctx.moveTo(100,0); ctx.stroke();不幸的是，我得到了这个错误：

浏览 5提问于2021-08-02得票数 0

回答已采纳

1回答

在我的页面上不使用iOS的Javascript

javascript、ios、d3.js

我已经在我的页面上玩了几个小时，试图让javascript加载到iOS上。使用chartjs和D3的两个图表都不会在移动浏览器上加载( ipad和iphone上的safari)。在桌面浏览器上，它工作正常，控制台中没有JS错误。我能试试什么？我真的不知道从哪里开始解决这个问题，因为我不知道是什么导致了这个问题。以下是页面：

浏览 3提问于2015-06-17得票数 0

回答已采纳

点击加载更多