Merge pull request #8 from fanwashere/master

Fix rounding issue causing border-like artifacts.
This commit is contained in:
sivision.chen 2016-03-11 14:57:58 +08:00
commit 9b504804ed

View File

@ -25,8 +25,8 @@ function renderCanvas(canvas) {
cells.forEach(function(row, rowIndex) {
row.forEach(function(column, columnIndex) {
ctx.fillStyle = column ? bgColor : fgColor;
var w = Math.ceil((rowIndex + 1) * cellWidth) - Math.floor(rowIndex * cellWidth);
var h = Math.ceil((columnIndex + 1) * cellHeight) - Math.floor(columnIndex * cellHeight);
var w = Math.round((rowIndex + 1) * cellWidth) - Math.round(rowIndex * cellWidth);
var h = Math.round((columnIndex + 1) * cellHeight) - Math.round(columnIndex * cellHeight);
ctx.fillRect(Math.round(rowIndex * cellWidth), Math.round(columnIndex * cellHeight), w, h);
});
});