2014-05-01 3 views
1

나는 이것을 계산하는 데 몇 시간을 보냈다. 나는 너를 쉽게 만들거야.키네틱 JS - toDataURL - 캡쳐 된 드로잉 크기와 다른 스테이지

사용자가 키네틱 JS를 사용하여 마우스로 그리기하여 사용자 정의 모양을 만들 수 있도록하고 있습니다. 커스텀 쉐이프가 만들어지면 무대에 벡터 정보로 추가 된 다음 모양을 '클릭하여 제거'할 수 있도록 사용자 인터페이스에 추가하기 위해 그 이미지를 만들어야합니다. 또는 '클릭하여 다시 추가'할 수 있습니다.

문제는 모양이 왜 잘리는 지 알 수 없었습니다. 문제는 Kinetic을 그리면 실제 레이어 크기를 넘어서 그릴 수 있다는 것입니다. 무대에서이를 기록하고 그립니다. 그러나 dataURL로 내보낼 때 보관하지 않습니다.

이것이 (버그) (고려되지 않은 것) 또는 (의도적 인) 것인지 궁금합니다.

작업 데모 ---

http://jsfiddle.net/JSdc2/6WUTy/10/

답변

0

당신은 width 또는 층의 height을 변경하지 마십시오. 해당 코드를 제거하면 필요한 내용을 확인할 수 있습니다. http://jsfiddle.net/6WUTy/11/.

이미지가 귀하의 크기에 따라 cuted되었습니다.