인프런 커뮤니티 질문&답변

고만석님의 프로필 이미지
고만석

작성한 질문수

SVG 마스터

그림판에 도형을 따라 그리기

작성

·

472

0

안녕하세요!

그림판 처럼 보이는 곳에 도형이 이미 그려져 있고, 그것을 잘 따라 그리면 true, 잘 못 따라 그리면 false 라는걸 만들고 싶습니다.

모바일에서 동작하게 만들고 싶은데

도형을 잘 따라 그렸는지를 어떤식으로 확인 할 수 있을까요?

대략적인 방향을 잡아주시면 많은 도움이 될거같습니다 ㅠ

이러한 기능을 구현하려면 svg로 해야하는건지 canvas를 이용해야 하는지도 궁금합니다.

감사합니다!

답변 1

1

1분코딩님의 프로필 이미지
1분코딩
지식공유자

저도 같은 작업을 해본적은 없지만 생각나는 방향을 말씀드려보면,
그린다는 것 자체가 x, y 좌표를 가진 점들의 자취이므로
그리면서 찍은 점들의 좌표를 배열 등에 저장해두고,
원본 이미지의 좌표들과 비교해가며 전체적인 오차값이 일정 기준 이하라면 ok 판정을 내주면 되지 않을까 싶습니다.
이렇게 단순하게 처리하는 것 말고 이런건 딥러닝 분야를 접목해서 하면 보다 정확하게 구현이 가능할 것 같은데
당장 그걸 하기는 쉽지 않을테니^^; 저도 생각나는걸 말씀드린거라서, 해외 자료 등을 검색해보시면 더 좋은 방법이 있을 수 있을 것 같습니다^^
로직만 구현이 된다면 캔버스냐 svg냐는 크게 중요한 문제는 아닐 것 같지만,
일반적으로 점이 많아지면 svg보다는 캔버스로 하시는게 성능이 더 좋답니다.

고만석님의 프로필 이미지
고만석

작성한 질문수

질문하기