1

我怎样才能使我的画布居中？我已经尝试了命令 <center> 但左上角居中但我希望我的画布中间是中心。

这是我想要居中的画布：http: //www.inserttalent.nl/~gm15561/project_1.2/periode2.html

我使用 html5 Kineticjs 和 javascript。

我希望你能帮助我。

4

4 回答 4

-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-26T17:25:17.173 回答
-1

使用 CSS。尝试，

canvas {

   border: 1px solid #000000;
   position:        relative;
   left:               500px; (Play with this # to position horizontally)
}
于 2016-02-12T07:09:06.500 回答
-1 

//Canvas stuff
	var canvas = document.getElementById("canvas");
	var ctx = canvas.getContext("2d"); 
	ctx.fillStyle = "black";
	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-26T04:21:50.710 回答
-2

使用纯 CSS。

尝试

Canvas {

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

}
于 2013-02-26T17:23:19.890 回答