사용자:Riemann/testplugin

요령 => 아래 변수들의 첫번째 인자들을 내용에 맞게 자르고 붙여넣어주세요

!!!!!!!!!!!!!!!! 플러그인 정보 입력 구간 윗부분은 만지지 마시오 절대로!!!!!!!!!!!!!!!!!

!!!!!!!!!!!!!!!! 플러그인 정보 입력 구간 끝 아래는 만지지 마시오!!!!!!!!!!!!!!!!!

이 플러그인에 대한 설명문서는 사용자:Riemann/testplugin/설명문서에서 만들 수 있습니다.

		 
$("#wa").append('<canvas id="canvas" width="500" height="500">Alt text</canvas>');
        var c = document.getElementById("canvas");
        var ctx = c.getContext("2d");
        ctx.fillStyle="#808080";
        ctx.beginPath();
        ctx.arc(250,250,50,0,2*Math.PI);
        ctx.fill();
        
        $( document ).on( "mousemove", function( event ) {
            ctx.clearRect(0,0,500,500);
            ctx.fillStyle="#808080";
            ctx.beginPath();
            ctx.arc(250,250,50,0,2*Math.PI);
            ctx.fill();
            mouseX = event.pageX;
            mouseY = event.pageY;
            norm = Math.sqrt( Math.pow(mouseX - 250, 2) + Math.pow(mouseY - 250, 2))
            X = 250 + 50 * (mouseX - 250) / norm
            Y = 250 + 50 * (mouseY - 250) / norm
            ctx.fillStyle="#000000";
            ctx.beginPath();
            ctx.arc(X, Y, 10,0,2*Math.PI);
            ctx.fill();