수다닷컴

/*
음...

갑자기 드는 궁금점이 canvas width100% height 100% 일때

context.lineTo(50,50 );

으로 코딩하면 캔버스 좌상단에서 캔버스 중앙까지 선이 그려지나요?

만약 그렇다면 캔버스가 상대사이즈일 때 그려지는 동작도 %로 동작 한다고 볼 수 있겠네요
*/

테스트해봤는데 이건 아니네요 ;

단위는 픽셀이 맞구요

캔버스 사이즈가 %로 들어가서 그런거 같아요 절대사이즈로 지정해보세요

이렇게 코딩했는데 px이 아니더라고요 실제 컨덴츠에 넓이는 1000px 높이는 800px을 줘도 똑같은 결과값입니다. 혹시 제가 멀 잘못한건가요??

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 =

픽셀 맞아요

그렇다면 뉴트님 말씀은 지금 저기 예제 사이트에 canvas의 넒이가 300이고 높이가 150이라는거죠??
근데 저소스 그대로.. 캔버스 넓이를 수정해도.. 똑같은 결과값입니다..

단위가 px이라는 말은 없는것같은데.. 혹시 어디에 px이라고 되어있는지 알려주실수 있나요??

보여주신링크에서는 단위가 픽셀이네요

px이 아닌것같은데요..;;;

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();