사용자:Riemann/testplugin: 두 판 사이의 차이

2018년 7월 10일 (화) 23:56 판

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

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

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

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

		 $("#wa").append('<canvas id="can" width="500" height="500">Alt text</canvas>');
        var c = document.getElementById("can");
        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();
            var mouseX = event.pageX - $("#can").offset().left;
            var mouseY = event.pageY - $("#can").offset().top;
            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();
        });

@@ 6번째 줄: / 6번째 줄: @@
 {{#vardefine:name|testplugin}}
 {{#vardefine:creat|Riemann}}
-{{#vardefine:version|0.6.08}}
+{{#vardefine:version|0.6.09}}
 {{#vardefine:descript|test}}
 {{#vardefine:local|true}}
@@ 27번째 줄: / 27번째 줄: @@
              ctx.arc(250,250,50,0,2*Math.PI);
              ctx.fill();
-             var mouseX = event.pageX; + $("#can").offset().left;
+             var mouseX = event.pageX - $("#can").offset().left;
-             var mouseY = event.pageY; + $("#can").offset().top;
+             var mouseY = event.pageY - $("#can").offset().top;
              norm = Math.sqrt( Math.pow(mouseX - 250, 2) + Math.pow(mouseY - 250, 2))
              X = 250 + 50 * (mouseX - 250) / norm