如何將畫布居中在屏幕中央

如何居中畫布？我已經嘗試了命令< center>但是然後左上角居中，但我希望我的畫布中間是中心。如何將畫布居中在屏幕中央

下面是我想中央的畫布：http://www.inserttalent.nl/~gm15561/project_1.2/periode2.html

我使用HTML5 Kineticjs和JavaScript。

我希望你能幫助我。

來源

2013-02-26 Jelle

-2

使用純CSS。

嘗試

Canvas { 

    Width: 300px; 
    Margin: 0 auto; 
    Vertical-align: middle; 

}

來源

2013-02-26 17:23:19 Jarrod

-1

如果我理解你的問題的權利，你可以把：

#myCanvas { 
    border: 1px solid #9C9898; 
    background-color:#CFF; 
    position:absolute; 
    left:100px; // go messing with the value until it's centered. 
}

或

#myCanvas { 
    border: 1px solid #9C9898; 
    background-color:#CFF; 
    position:center; 
}

希望這有助於！

來源

2013-02-26 17:25:17

-1

使用CSS。嘗試，

canvas { 

    border: 1px solid #000000; 
    position:  relative; 
    left:    500px; (Play with this # to position horizontally) 
}

來源

2016-02-12 07:09:06

-1

//Canvas stuff 
 
\t var canvas = document.getElementById("canvas"); 
 
\t var ctx = canvas.getContext("2d"); 
 
\t ctx.fillStyle = "black"; 
 
\t ctx.fillRect(0, 0, 30, 30);

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<style> 
 

 
</style> 
 
</head> 
 
<body> 
 
    <canvas id= "canvas" width=30px; height=30px; style='display: block;margin: auto;' ></canvas> 
 
</body> 
 
</html>

來源

2017-02-26 04:21:50

如何將畫布居中在屏幕中央

回答

相關問題