종이 j를 사용하는 스위치 단추가 작동하지 않습니다.

Question

캔버스를 사용하여 간단한 이미지 편집기를 만들려고합니다. 내 코드는 여기 http://jsfiddle.net/qrd3muyh/입니다.

전환 버튼을 작동시키는 방법은 무엇입니까? 내 로컬 호스트에서 실행하면 버튼 연필을 클릭 할 때 이러한 오류가 발생합니다. Uncaught TypeError: undefined is not a function

그리고 동그라미 버튼을 클릭하면 : Uncaught ReferenceError: myCircle is not defined입니다.

왜 그런 일이 발생하고 해결할 단서가 있습니까? 전에 많은 감사드립니다.

Answer 1

PaperScript 태그가 모두 PaperScope으로되어 있기 때문입니다. 정의되지 않은 오류가 발생하는 이유는 jQuery 콜백 함수가 myCircle 등에 대한 참조를 가지고 있지 않기 때문입니다.

이 문제를 해결하려면 paper 개체를 통해 현재 활성화 된 용지 범위에 액세스해야합니다.

$('#pencil').on('click', function(){ 
    console.log(paper.tools); # See how many tools are in your paper object 
    paper.tools[1].activate(); # Activate one of them. 
}); 
$('#circle').on('click', function(){ 
    paper.tools[0].activate(); # Activate the other. 
}); 

은 현재 활성화 된 도구를 얻으려면, 당신은이 작업을 수행 할 수 있습니다

$('#pencil').on('click', function(){ 
    var current = paper.tool; # Access currently active tool. 
    current.remove();  # remove this tool 
}); 

Here는 PaperScopes에 대한 좋은 읽기입니다.