TypeError: canvas.width() & canvas.height() 不是函数答案

【问题标题】：TypeError: canvas.width() & canvas.height() is not a functionTypeError: canvas.width() & canvas.height() 不是函数
【发布时间】：2018-12-24 18:01:51
【问题描述】：

我编写了一个简单的 jQuery 代码，但出现此错误：

TypeError: canvas.width() & canvas.height() 不是函数

当声明变量 w 和 h 时，它显示错误 canvas.width() 和 canvas.height() 未定义。这是我的代码：

$(document).ready(function() {  
  var canvas = $('#canvas')[0];  
  var ctx = canvas.getContext('2d');  
  var w = canvas.width();  
  var h = canvas.height();  
  var cw = 15;  
  var d = "right";  
  var food;  
  var score;  
  var speed = 130;
)};

【问题讨论】：

canvas.width 和 canvas.height 不是函数
请注意，尽快寻求帮助的是considered rude。

标签： javascript jquery html5-canvas

【解决方案1】：

替换

var w=canvas.width();  
var h=canvas.height();

与

var w=canvas.width;  
var h=canvas.height;

例子是

var canvas = document.getElementsByTagName('canvas')[0];
canvas.width  = 800;
canvas.height = 600;

【讨论】：

该示例似乎与设置值无关，而不是获取它们
是的，我只是想给你一个想法。只需使用 var width = canvas.width;变量高度 = 画布.高度；获取宽度和高度。