2
나는 자유롭게 그릴 수있는 캔버스가있는 웹 페이지를 만들었습니다. 이제 사용자가 "사각형", "원형"또는 "사각형"을 그렸음을 알 수있는 방법이 있다는 것을 알고 싶습니까? 캔버스에 정사각형을 그려 보면 사각형을 그렸는지 확인하는 코드를 어떻게 작성할 수 있습니까?html5 - 캔버스에 그려진 도형을 확인하는 방법은 무엇입니까?
A
답변
1
나와 함께 사용할 세부 정보가 많지 않습니다.
또한 "프리 핸드"는 매우 부정확 한 모양을 의미합니다.
는 프리 핸드 모양 (말괄량이 MAXX, MINY, MAXY)의 경계 상자를 결정
그래서 여기 형태를 결정하는 일반적인 대답이다.
테스트 # 1 : (maxX-minX)와 (maxY-minY)가 크게 다른 경우 사각형이 있습니다.
시험 # 2 : 모퉁이 중 하나를 가운데로 걷습니다. 그림의 일부를 빠르게 교차하면 사각형이 생깁니다.
제거 과정에서 테스트 # 1과 테스트 # 2가 실패하면 서클이 생깁니다.
관련 문제
- 1. html5 캔버스에 그려진 이미지 자르기
- 2. 캔버스에 그려진 도형을 클릭했는지 쉽게 판단 할 수 있습니까?
- 3. HTML5 캔버스에 그려진 이미지의 X/Y 값을 얻는 방법은 무엇입니까?
- 4. Java에서 그려진 도형을 사라지게 유지하는 방법은 무엇입니까?
- 5. 캔버스에 그려진 비트 맵을 오프셋하는 방법은 무엇입니까?
- 6. 이미 그려진 도형을 html5 캔버스로 옮길 수 있습니까?
- 7. Canvas + Javascript에서 그려진 도형을 감지합니까?
- 8. 이미지에 그려진 도형을 삭제하는 방법
- 9. 캔버스에 그려진 drawables을 배열
- 10. 여러 색상 캔버스에 그려진
- 11. 캔버스에 그려진 모양 저장
- 12. <html5> 캔버스에 마우스 이벤트 그려진 이미지를 추가하는 방법
- 13. wpf를 사용하여 캔버스에 도형을 추가하는 가장 좋은 방법은 무엇입니까?
- 14. HTML 캔버스에 그려진 텍스트의 가장자리가
- 15. 캔버스에 그려진 타원의 높이를 얻으십시오.
- 16. 캔버스에 그려진 원을 끌고 이동하십시오.
- 17. HTML5 캔버스에 알 수없는 크기의 배경을 만드는 방법은 무엇입니까?
- 18. 캔버스 나 캔버스에 그려진 이미지를 어둡게하는 방법은 무엇입니까?
- 19. 캔버스에 배경색이 있는지 확인하는 방법은 무엇입니까?
- 20. html5 캔버스에 광선 효과가 있습니까?
- 21. html5 이미 그려진 요소가있는 캔버스 애니메이트
- 22. 캔버스에 그려진 이미지에 충돌 감지 추가
- 23. HTML5 캔버스에서 임의의 도형을 그려야합니다
- 24. 도형이 html5 캔버스에서 다른 도형을 때리는 지 감지하는 방법은 무엇입니까?
- 25. HTML5 캔버스 위에 대화식으로 도형을 그리는 방법은 무엇입니까?
- 26. 지정된 클래스 캔버스에 도형을 떨어 뜨리는 방법
- 27. WPF에서 캔버스의 도형을 이동하는 방법은 무엇입니까?
- 28. html5 캔버스에 이미지 그리기
- 29. HTML5 캔버스에 객체 따라야
- 30. HTML5 캔버스에 iframe 임베드