如何将画布居中在屏幕*

问题描述：

如何居中画布？我已经尝试了命令< center>但是然后左上角居中，但我希望我的画布中间是中心。如何将画布居中在屏幕*

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

我使用HTML5 Kineticjs和JavaScript。

我希望你能帮助我。

答

使用纯CSS。

尝试

Canvas { 

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

}

答

如果我理解你的问题的权利，你可以把：

#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; 
}

希望这有助于！

答

使用CSS。尝试，

canvas { 

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

答

//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>

如何将画布居中在屏幕*

相关推荐