html5 canvas 画 1px 的line 的问题

在html5 中 通过 canvas  lineto 的方法画1px的细线。除去网上所说的 一个 坐标加0.5的问题以外。

还要注意 canvas 需要通过

<canvas id="myCanvas"  width="500" height="500">  的方式来制定大小。

如果用 css的方法 

#myCanvas{
    width: 500px;
    height: 500px;
    float: left;
    position: relative;
    /*top:-10px;*/
    /*border:1px solid black;*/
}

来制定大小，依然会出现 超过1px的现象。

解决的办法 是通过 引入css的时候 指定 

:media => "print" 

但是这样的话，会引起布局问题。

3天的工作量竟然在纠结在这个问题上。郁闷。