素人がプログラミングを勉強していたブログ

プログラミング、セキュリティ、英語、Webなどのブログ since 2008

連絡先: すかいぷ:javascripter_  か javascripter あっと tsukkun.net skypeのほうがいいです

マウスの位置を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に単位はつけてはいけないっていうことに気づくのにだいぶかかった。