paper.js 획이 불규칙하게 흐림

Question

이 문제를 해결할뿐만 아니라이를 재현하는 데 어려움이 있습니다. 나는 계속해서 많은 웹 응용 프로그램을 가지고 있지만 종이로 가지고있는 문제가 있습니다. js는 때로는 획이 너무 길어질 때가 있습니다.

그러나이 같은립니다 : 여기 보이는 방법이다

사람은 이런 일이 될 수 있는지 단서가? 간헐적으로 만 나타납니다. 감사!

편집 :

그 문제는 내가 jquery 동적으로로드 화면에 맞게 내 <canvas> 요소의 크기를 것을에서 유래 것을 생각했다. 나는 Paperscript에 높이와 너비를 전달하는 이벤트를 추가했지만 아직 작동하지 않습니다. 내가 가지고있는대로 해결책을 게시 할 것입니다.

Answer 1

문제는 PaperScript가 인계하기 전에 크기가 조정되지 않은 캔버스에서 유래하여 요소에 맞게 크기가 조정 된 작은 캔버스를 만듭니다.

해결 방법은 PaperScript로드 타이밍에서 작업하는 것입니다. 내가 좋아하는 내로드 코드를 수정하여 고정 그래서 (단축 및 "파라 코드"간결) :

$(document).ready(function() { // wait for elements to propagate 
    $.get(...) // load html for text from external files 
    .then($('images').waitForImages() // wait for images to load 
     .then(function() { 
     resizeCanvas(); // make the canvas the correct size 

     $.getScript(paper_url, function() { // load paper.js dynamically 
      console.log("Paperjs is now loaded."); 
      paper.PaperScript.load(); // get paper.js to scan your application for paperscript 
     }); 

     // do everything else post load 
     }); 
    }); 
    }); 
}); 

내가 https://stackoverflow.com/a/14114337/1288913에서이를 발견했다. 나는 그것이 누군가를 돕기를 바란다.