Javascript 在画布上绘制的圆圈是'；t轮

我无法创建简单的圆。我认为代码绘制是按原样编写的，另一个问题是axis。我不知道为什么，但是0X点开始在游戏屏幕的中间。如何使游戏屏幕640px/480px

|

start.wyswietl = (function(){
var dom = start.dom,
    $ = dom.$,
    gracz = start.gracz,
    canvas, ctx,
    pUruchomienie = true;

function createBackground(){
    var background = document.createElement("canvas");
    bgctx = background.getContext("2d");
    dom.dodKlase(background, "background");
    background.width = 640;
    background.height = 480;
    background = new Image();
    background.onload = function(){
        bgctx.drawImage(background, 0, 0);

    };

    background.src = "../obrazki/tapeta.png";
    dom.dodKlase(background, "board-bg");
    return background;
}

function rysuj(callback){
    var gracz = document.createElement("canvas");
    gctx = gracz.getContext("2d");
    gctx.fillStyle = "black";
    gctx.arc(5, 40, 5, 0, 2*Math.PI);
    gctx.fill();
  //  dom.dodKlase(gracz, "plansza");
    dom.dodKlase(gracz, "gracze");
    return gracz;
    callback();
}

 //function ()

---

jsfiddle没有显示任何内容，甚至没有显示上面附加的屏幕截图。jsfiddle bug

uncaughtreferenceerror:start没有定义，但是我有很多模块，不知道把其他模块放在哪里。如果你知道在哪里放plz给我一个hint@KarolSz，你真的需要改革你的问题，以展示出一个简明的例子，说明哪里出了问题，并更清楚地问你需要什么。我的猜测是，您正在使用CSS调整画布的大小，如果不按比例调整大小，将会扭曲画布内容。这就是我上传JSFIDLE的原因。我试图创建640px/480px大小的游戏屏幕，但我的函数“wyswietl（）”—（我想在其中绘制组件）没有这个分辨率。轴中的点0x不在左上角，而是在屏幕的中上角。。如果你能告诉我在哪里可以上传文件，我会这样做，因为我不知道如何显示我所有的项目