canvas - キャンバスを中央に配置するには?

Question

キャンバスを本体 (水平および垂直) の中央に配置するにはどうすればよいですか? これを中心にしたいと思います: http://invisiblelabs.net/ex4.html

Answer 1

これを head タグ内に追加します。

<style type="text/css">
#box {
height:400px;
width:200px;
background:#FFF;
position:absolute;
left:50%;
top:50%;
margin:-150px 0 0 -250px;
}

.thecanvas {
height:200px;
width:100px;
background:#FFF;
position:absolute;
}
</style>

これを現在のキャンバス要素に置き換えます。

<div id="box">
<canvas id="thecanvas" width="400" height="200">
    Your browser does not support the HTML5 canvas element.
</canvas>
</div>  

私は私のために働きます、それがあなたにも役立つことを願っています。