나는 이것을 계산하는 데 몇 시간을 보냈다. 나는 너를 쉽게 만들거야.키네틱 JS - toDataURL - 캡쳐 된 드로잉 크기와 다른 스테이지
사용자가 키네틱 JS를 사용하여 마우스로 그리기하여 사용자 정의 모양을 만들 수 있도록하고 있습니다. 커스텀 쉐이프가 만들어지면 무대에 벡터 정보로 추가 된 다음 모양을 '클릭하여 제거'할 수 있도록 사용자 인터페이스에 추가하기 위해 그 이미지를 만들어야합니다. 또는 '클릭하여 다시 추가'할 수 있습니다.
문제는 모양이 왜 잘리는 지 알 수 없었습니다. 문제는 Kinetic을 그리면 실제 레이어 크기를 넘어서 그릴 수 있다는 것입니다. 무대에서이를 기록하고 그립니다. 그러나 dataURL로 내보낼 때 보관하지 않습니다.
이것이 (버그) (고려되지 않은 것) 또는 (의도적 인) 것인지 궁금합니다.
작업 데모 ---
http://jsfiddle.net/JSdc2/6WUTy/10/