2013-04-15 26 views
-2

当在画布上画一个矩形我得到一个喜怒无常的淡出边界我希望它是尖锐的,怎么样?帆布rectangel喜怒无常的边界

ctx.fillStyle = "#CF0" 
    ctx.fillRect(0,0,20,20) 
+0

您能否提供样本代码以及样本输出?通过JSFiddle也许? –

+0

好的......等等...... – 12321

+0

可能是因为画布的反锯齿。如果你这样做,你的边框更好:ctx.fillRect(0.5,0.5,20.5,20.5)? – markE

回答

0

在帆布有两种不同的和独立的尺寸:

  • 屏幕(.offsetWidth.offsetHeight)的大小
  • 大小在像素(.width.height

如果两者不相同,则图形看起来不准确(如果像素大小为sm,则更具体模糊阿列尔)。

在某些情况下(例如苹果“视网膜”显示器),您需要使用像素大小的两倍大小的屏幕来获得准确的渲染。