canvas绘图不清晰的解决办法

用canvas绘图，发现图像和文字变得模糊了，因为是跑在ios上，开发用的mac，于是查了下资料，发现ios4-ios6屏幕分辨率：设备分辨率 = 1 ： 2，也就是说，我们用canvas画的图1个点对应的其实是被横向纵向放大了2倍的，基于些，我用了如下两种解决方案解决模糊，

方法一：先看效果图

利用transform:scale(0.5)直接缩小一半

方法二：将canvas样式属性宽度设定为画板1/2，效果图如下

 

canvas{width:150px}

<canvas width="300"></canvas>