canvas lineTo()
나나
http://www.w3schools.com/tags/canvas_lineto.asp
여기에 보시면..ctx.lineTo(300,150);
x가 300px 에서 y가150px인줄 알았는데 px이 아니더라고요..혹시 저기안에 들가는값이 %도 아닌것같고 px도 아닌것같은데 아시는분 계시면 ㅠㅠ불쌍한 중생 한번 구해주세요 ㅠㅠ
-
Sweet 2025-03-19
/*
음...
갑자기 드는 궁금점이 canvas width100% height 100% 일때
context.lineTo(50,50 );
으로 코딩하면 캔버스 좌상단에서 캔버스 중앙까지 선이 그려지나요?
만약 그렇다면 캔버스가 상대사이즈일 때 그려지는 동작도 %로 동작 한다고 볼 수 있겠네요
*/
테스트해봤는데 이건 아니네요 ; -
핑크펄 2025-03-19
단위는 픽셀이 맞구요
캔버스 사이즈가 %로 들어가서 그런거 같아요 절대사이즈로 지정해보세요 -
세리 2025-03-19
이렇게 코딩했는데 px이 아니더라고요 실제 컨덴츠에 넓이는 1000px 높이는 800px을 줘도 똑같은 결과값입니다. 혹시 제가 멀 잘못한건가요??
-
루나 2025-03-19
style type=\text/css\
#wrap {width:100%;}
#canvas {width:100%; border:1px solid red;}
/style
div id=\wrap\
\tcanvas id=\canvas\
\t/canvas
/div
script type=\text/javascript\
( function(){
var theCanvas = document.getElementById(\canvas\);
var context = -
연하얀 2025-03-19
픽셀 맞아요
-
바론 2025-03-19
그렇다면 뉴트님 말씀은 지금 저기 예제 사이트에 canvas의 넒이가 300이고 높이가 150이라는거죠??
근데 저소스 그대로.. 캔버스 넓이를 수정해도.. 똑같은 결과값입니다.. -
예린 2025-03-19
단위가 px이라는 말은 없는것같은데.. 혹시 어디에 px이라고 되어있는지 알려주실수 있나요??
-
크심 2025-03-19
보여주신링크에서는 단위가 픽셀이네요
-
다이 2025-03-19
px이 아닌것같은데요..;;;
-
튼튼 2025-03-19
var c=document.getElementById(\myCanvas\);
var ctx=c.getContext(\2d\);
ctx.beginPath();
ctx.moveTo(0,0); // 가로 세로 0에서 시작
ctx.lineTo(300,150); // 가로 300픽셀 세로 150픽셀로 선긋기
ctx.stroke();