Canvas rounding errors

by leaverou

HTML

<canvas width=10 height=10></canvas>

JavaScript

var c = document.querySelector('canvas').getContext('2d');

c.fillStyle = 'rgba(17,34,51,.1)';
c.fillRect(0,0,10,10);

var rgb = c.getImageData(0,0,1,1).data;

document.body.appendChild(document.createTextNode(rgb[0] + ', ' + rgb[1] + ', ' +rgb[2] + ', ' + rgb[3]/255));