Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/366.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在构造函数内绘制画布时出错_Javascript_Html_Html5 Canvas - Fatal编程技术网

Javascript 在构造函数内绘制画布时出错

Javascript 在构造函数内绘制画布时出错,javascript,html,html5-canvas,Javascript,Html,Html5 Canvas,我在构造函数(Circle())函数中编写了一个名为draw的函数。但是当我调用这个函数时,它返回一个错误。有人能帮我解决这个问题吗 这是我的代码: var canvas=document.getElementById('canvas'), c=canvas.getContext('2d') canvas.width=内部宽度 canvas.height=内部高度 canvas.style.background='黑色' 函数圆(x,y,dx,dy,半径){ 这个。x=x 这个。y=y thi

我在构造函数(
Circle()
)函数中编写了一个名为
draw
的函数。但是当我调用这个函数时,它返回一个错误。有人能帮我解决这个问题吗

这是我的代码:

var canvas=document.getElementById('canvas'),
c=canvas.getContext('2d')
canvas.width=内部宽度
canvas.height=内部高度
canvas.style.background='黑色'
函数圆(x,y,dx,dy,半径){
这个。x=x
这个。y=y
this.dx=dx
this.dy=dy
这个半径=半径
this.circleColor='red'
this.draw=函数(){
c、 beginPath()
c、 圆弧(this.x,this.y,this.radius,0,Math.PI*2,false)
c、 fillStyle=this.circleColor
c、 填充()
c、 closePath()
}
}
变量半径=数学地板(数学随机()*30),
x=Math.random()*(内宽-半径*2)+半径,
y=Math.random()*(内部高度-半径*2)+半径,
dx=(数学随机数()-.5)*10,
dy=(数学随机数()-.5)*10
var circle1=圆(x,y,dx,dy,半径)
函数animate(){
请求动画帧(动画)
c、 clearRect(0,0,innerWidth,innerHeight)
圆圈1.draw()
}
设置动画()

应该是
新圆(…)
而不是简单的函数调用。
var circle1=新圆(x,y,dx,dy,radius)
明白了,非常感谢