canvas로 brush 툴을 만들 때 브라우저 사이즈 resize 이벤트

Question

안녕하세요.현재 konvaJS를 사용해서 brush 툴을 만들고 있는데요.brush를 만들고, 테스팅을 하는 도중에 브라우저 사이즈가 변하면(resize event)브러시 커서의 크기는 그대로지만, 브러시가 그리는 면적의 크기는 브라우저를 확대하면 커지고, 축소하면 작아지는 어색한 UI를 발견했습니다.따라서, resize 이벤트를 받아서 유저가 브라우저 크기를 키우고, 줄이는 것에 따라 브러쉬 커서의 stroke width를 변경하고자 하는데로직을 잘모르겠어서 질문 올립니다.참고로 KonvaJS를 쓰고 있지만, canvas api를 쓰는 로직을 알려주셔도 감사하겠습니다! :)

canvas로 brush 툴을 만들 때 브라우저 사이즈 resize 이벤트

0개의 답변

#resize 목록