HTML5 캔버스 내에서 객체 (내용 포함)를 재배치/이동하는 방법은 무엇입니까? 흐름은 다음과 같을 수 있습니다. a) 영역을 선택하십시오 (MS 페인트 기능 아이콘과 같은 삼각형을 사용 하시겠습니까?) b) 내용을 그대로두고 객체를 새 위치로 옮깁니다 (위치 변경).캔버스에서 오브젝트의 위치를 재조정/이동하는 방법은 무엇입니까?
도움을 주시면 감사하겠습니다. 캔버스가 이미/그린 렌더링
imagedata = ctx.getImageData(sx, sy, sw, sh);
ctx.putImageData(imagedata, dx, dy);
:
당신은 무언가 같이 의미합니까. 그래서 픽셀 일뿐입니다. 삼각형은 그려진 후에 삼각형이되는 것을 멈 춥니 다. 삼각형과 같은 객체를 움직이기 원한다면 svg를 사용할 수 있습니다.
을 정의하십시오.이 작업을 시작하는 데 매우 도움이됩니다. 이제 삼각형에 대해서 잊어 버리자. 추가 질문은 어떻게 시작 좌표 (sx, sy)를 설정하고 너비와 높이 (sw, sh)를 지정해야합니까? mousedown, mouseup, mousemove 및 mousestop (dx, dy, 대상 좌표의 경우)과 관련이 있습니까? 그리고 심지어 mousestop이라는 이벤트 트리거가 있는지조차 모르겠다. 데모 코드를 던져 주겠니? 크게 감사드립니다. don –
http://blog.fpmurphy.com/2010/02/html5-canvas-element-rubber-banding.html이 예입니다. – SiggyF
감사합니다. SiggyF, 데모 (시도) 링크가 작동하지 않습니다. 소스 코드는 나에게 유용하게 보이며, 곧 파고 들며 다시 발견 할 것이다. Don –
"콘텐츠" –