resize 이벤트에 맞춰 canvas brush 크기 조절

Question

안녕하세요 위와 같이 캔버스 드로잉툴을 개발중인데요.문제점을 설명드리면,흰색 테두리를 가진 드로잉 마우스 커서가 브라우저의 100%(기본 사이즈) 사이즈에서는 정상적으로 브러쉬질 해지는 영역의 크기와 정확히 맞아 떨어지지만,브라우저 크기를 예를 들어, ctrl &#43; (- or &#43;) 단축키로 조절했을 경우 캔버스 위에 이미 드로잉 칠해진 영역은 확대되지만, 마우스 커서(브러쉬)는 커지지 않아서위의 gif 처럼 둘의 크기가 일치하지 않는 상황이 생깁니다. 이를 resize 이벤트 등을 통해 해결하고 싶은데어떤 값들을 이용하고, 어떤 비율을 이용해서 브러쉬 크기를 키웠다 줄였다 해야할지를 모르겠어서 okky에 질문 올립니다 :) 감사합니다.

resize 이벤트에 맞춰 canvas brush 크기 조절

0개의 답변

Q&A 목록