相关疑难解决方法(0)

我有2个画布,一个使用HTML属性width并height调整大小,另一个使用CSS:

<canvas id="compteur1" width="300" height="300" onmousedown="compteurClick(this.id);"></canvas>
<canvas id="compteur2" style="width: 300px; height: 300px;" onmousedown="compteurClick(this.id);"></canvas>

Compteur1显示它应该,但不是compteur2.内容使用300x300画布上的JavaScript绘制.

为什么会有显示差异？

我试图在一个<canvas>元素上绘制一个网格,最终目标是制作Go棋盘.

由于某种原因,网格看起来很拉伸,线条比1像素厚,间距完全错误.它甚至没有从这个(10,10)位置开始..

如果有人可以看看告诉我我做错了什么会很棒.

http://jsfiddle.net/h2yJn/