paper.js 코드가 실행되지 않습니다.

저는 최근 Paper.js로 작업하기 시작했습니다.paper.js 코드가 실행되지 않습니다.

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>paper1</title> 

<script type="text/javascript" src="js/paper.js"></script> 
<script type="text/javascript"> 

    window.onload = function() { 

    var canvas = document.getElementById("myCanvas"); 
    paper.setup(canvas); 

    var path = new paper.Path(); 
    path.strokeColor = 'black';    

    var tool = new paper.Tool(); 

    tool.onMouseDown = function(event) { 
      path.add(event.point);    
      } 

    paper.view.draw(); 
    }; 

</script> 

</head> 
<body> 
<canvas id="myCanvas" resize></canvas> 

</body>

내가

가 UPDATE 그것은 작동
난 창로드를 제거 어떤 생각을 주셔서 감사합니다 : 그것의 실행 때 아래 코드는 절대적으로 아무것도 생산하지 왜 자바 스크립트를 사용하려고하면 직접 내가 알아낼 수 없습니다 . 왜 그런 일이 일어 났습니까?

출처

2016-10-08 enippeas

... – enippeas

가 작동 데모를 추가 및뿐만 아니라 코드는 일반적으로 도움이 많이. – str

실제로는 이이됩니다. 캔버스의 왼쪽 영역을 클릭하면 선이 나타납니다. 그러나 오른쪽 하단에서 자세히를 클릭하면 클릭 한 것이지만 이동 된 선은 추가되지 않은 것을 볼 수 있습니다.

resize 속성을 사용할 때 문제가있는 것 같습니다. 를 제거하고 수동으로 치수를 추가하고는 inteded로 작동합니다

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

나는이 대답은 숙련 된 프로그래머에 3 분 이상 소요 믿을 수 없어

출처

2016-10-09 15:49:16 str

답변 해 주셔서 감사합니다. 수동으로 치수를 변경하더라도 화면에는 아무런 변화가 없습니다. – enippeas

나는 자원 문제가 두렵다. XAMPP를 사용하여 localhost에서 작업 중입니다. 내 프로젝트 폴더의 copy-paste paper.js 폴더와 src 스크립트의 paper.js 파일을 대상으로 복사가 필요합니까? – enippeas

https://cdn.jsdelivr.net/paperjs/0.10.2/paper-full.min.js를 사용했는데 제대로 작동합니다. 브라우저 콘솔에 오류 메시지가 표시됩니까? – str

paper.js 코드가 실행되지 않습니다.

답변

관련 문제