マウスの位置をcanvas要素で左上に表示する

var canvas=document.createElement('canvas');
canvas.width=Math.floor(window.innerWidth/10);
canvas.height=Math.floor(window.innerHeight/10);
with(canvas.style){
	outline='1px solid black';
	backgroundColor='white';
	position='fixed';
	top='0px';
	left='0px';
}
var context=canvas.getContext('2d');

document.addEventListener('mousemove',function(e){
		with(context){
		clearRect(0,0,canvas.width,canvas.height);
		beginPath();
		arc(Math.floor(e.pageX/10),Math.floor(e.pageY/10),2,0,Math.PI*2,false);
		fill();
		}
		},false);
document.body.appendChild(canvas);

canvasのwidthとheightに単位はつけてはいけないっていうことに気づくのにだいぶかかった。