20210317 바닐라 js로 그림판 기능추가, Rectangle guideline, page vs offset vs client vs screen Nomadcoder

바닐라 js를 이용한 그림판 만들기 project Nomadcoder 사이트 클릭! 그림판 만들기 강의는 모두 끝냈고 내가 더 추가하고자 하는 기능을 구현 해 보았다. 추가적으로 구현한 기능 그림판 사각 툴 가이드 라인 기능(Rectangle Guideline of Rectangle Tool) 어제 사각 툴의 경우 구현은 했지만 사각툴의 가이드 라인을 만드는 것이 너무 나도 어려웠다. 결론 부터 이야기 하자면 드디어 구현했다 ~ ! 기능을 설명하자면, 이전에 사각툴을 이용하게 되면 해당 부분에 드래그를 할때 사각 형 가이드 라인이 보이지 않았다. 계속 시도 하고 했지만 기능을 구현하는데는 실패 하였고 오늘만에 만들었다. 01 : HTML 위에 표시 되기 위한 요소를 하나 추가했다. 02 : 요소 이벤트 ..
Dev/Paint-Up 2021. 3. 18. 04:55
1
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2026/01   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함