2017-02-03 17 views
-1

이제 이일 동안 drawImage javascript 기능으로 성공하지 못했습니다.자르기를위한 drawImage가 작동하지 않습니다.

나는 작은 그림을 만들기 위해 그림의 일부분을 자르려고합니다. 선택 사각형을 사용하여 복사 할 그림의 일부를 선택했지만 찍은 영역에는 항상 오프셋이 있고 크기 오류도 있습니다. 나는이 기능에 대해 읽으려고 다녔지만, 내가 잘못하고있는 것을 보지 못했다. 그것은 아마도 숲을 숨 깁니다 트리 ...

다음은 테스트 페이지 미리 draw tester

많은 감사에 대한 링크입니다.

+0

당신이 사용하여 스크립트를 검사 몇 가지 적절한 방법을 제공 할 수 있습니까? –

+0

여기에 2 가지 문제가 있습니다. 첫째, 이미지 크기를 500px로 조정했으나 기본 이미지 크기는 300px입니다.이를 고려해야합니다. 또한 사각형 선택은 이미지와 관련이 없습니다. 예 : 직사각형을 왼쪽 상단에 놓으면 0,0이됩니다. 그러나 30,70처럼 더 가깝습니다. – Keith

+0

Chris. 나는 시도했지만 내 외부 자원을 추가하는 방법을 찾지 못했습니다 – fled

답변

0

마지막으로 문제는 drawImage가 이미지 자연적인 치수로만 작업한다는 사실에서 비롯되었습니다. 어떤 이유로 든 이미지를 늘리면 늘이기 치수와 자연 치수의 비율을 계산해야합니다.

또한 선택 사각형이 문서 또는 다른 부모 요소가 아닌 이미지와 관련이 있는지 확인해야합니다.

나는 키스

에서 좋은 조언에 이러한 사실의 데모 페이지에 here

감사합니다 링크를 업데이트 한