Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/415.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_Function_Canvas - Fatal编程技术网

Javascript 使用函数将圆绘制到画布

Javascript 使用函数将圆绘制到画布,javascript,function,canvas,Javascript,Function,Canvas,只是想知道是否有人可以告诉我为什么这不画到画布上。如果我从函数中删除代码,它将正常工作。您没有调用函数。 请将此代码附加到您的代码下面 var canv = document.getElementById("canvas"); var ctx = canv.getContext("2d"); function drawCircle(){ ctx.fillStyle="blue"; ctx.beginPath(); ctx.arc(50,50,50,0,Math.PI*

只是想知道是否有人可以告诉我为什么这不画到画布上。如果我从函数中删除代码,它将正常工作。

您没有调用函数。 请将此代码附加到您的代码下面

var canv = document.getElementById("canvas");
var ctx = canv.getContext("2d");

function drawCircle(){

    ctx.fillStyle="blue";
    ctx.beginPath();
    ctx.arc(50,50,50,0,Math.PI*2);
    ctx.closePath();
    ctx.fill();
}

您可以从canvas元素的
onload
事件属性调用函数,但我认为canvas元素没有
onload
事件。(他们为什么会这样做?他们可以加载什么?)改为从脚本中调用函数。您没有调用functionWorks!非常感谢。
var canv = document.getElementById("canvas");
var ctx = canv.getContext("2d");

function drawCircle(){

    ctx.fillStyle="blue";
    ctx.beginPath();
    ctx.arc(50,50,50,0,Math.PI*2);
    ctx.closePath();
    ctx.fill();
}
drawCircle();