jquery canvas 질문

jquery canvas 질문

QA

jquery canvas 질문

본문

여기서 그리면 선이 아니라 끊어지면서 나오는데 어떻게 이어야할까요?

 

html

   <canvas id="myCanvas" width="500" height="500"></canvas>

스크립트

 window.onload = function(){
         click = false;
         var width =$('canvas').css('borderLeftWidth');
         ctx = document.getElementsByTagName('canvas')[0].getContext('2d'),
  
  $(window).mousedown(function(){
    click = true;
  });
  
  $(window).mouseup(function(){
    click = false;
  });
  
  $('canvas').mousedown(function(e){
    draw(e.pageX, e.pageY);
  });
  
  $('canvas').mouseup(function(e){
    draw(e.pageX, e.pageY);
  });
    
  $('canvas').mousemove(function(e){
    if(click === true){
      draw(e.pageX, e.pageY);
    }
  })
  function draw(X,Y){
      console.log(X+","+Y)
      ctx.beginPath();
      ctx.moveTo(X,Y);
    ctx.lineTo(X+1,Y+1);
      ctx.stroke();
  }
};

 

 

이 질문에 댓글 쓰기 :

답변 1

https://stackoverflow.com/questions/21472714/i-am-trying-to-draw-a-line-on-canvas-by-using-mouse-events

 

마우스다운, 무브 별로 시작지점이 다르게 설정해야 된다는 것 같네요.

답변을 작성하시기 전에 로그인 해주세요.
전체 14
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT