如何在JS中找到画布的中心

Question

我有canvas 。 我有一个ctx 。 我希望ctx在canvas的中心绘制，但是

canvas.height/2
canvas.width/2

不起作用

http://jsfiddle.net/3hnbarcg/3/

另外，我需要证明它可以接受

Answer 1

看一下下面的代码。

 var centerPointWidth = 10; var centerPointHeight = 10; var canvas = document.getElementById("c"); var ctx = canvas.getContext("2d"); ctx.fillStyle = "#FF0000"; ctx.fillRect(0, 0, canvas.width, canvas.height); ctx.fillStyle = "#000000"; ctx.fillRect((canvas.width / 2) - (centerPointWidth / 2), (canvas.height / 2) - (centerPointHeight / 2), centerPointWidth, centerPointHeight); 

 <canvas id="c"></canvas> 

它非常适合在画布的中心绘制一个矩形。