20210316 바닐라 js로 그림판 기능추가, Rectangle Tool(사각 툴), Tool Guider,절대상대좌표, clearRect, Nomadcoder
바닐라 js를 이용한 그림판 만들기 project Nomadcoder 사이트 클릭! 그림판 만들기 강의는 모두 끝냈고 내가 더 추가하고자 하는 기능을 구현 해 보았다. 추가적으로 구현한 기능 도형 툴 도형 툴 중에 사각형 도형 툴을 만들기 위해서 엄청나게 많은 시간을 쏟았다. 일단 여러 시행착오를 많이 겪었다. 원래는 그림판 처럼 그었을 때 사각형 도형 가이드 라인이 보였으면 했다. 하지만 여러가지 장벽을 만나 포기하게 되었다. Canvas API의 한계인것 같다. 사각형 그리기 툴 기본적으로 html을 통해 rect 버튼을 만들었다. Rect html 요소 가져오기 // ELEMENTS const canvas = document.getElementById("jsCanvas"); const ctx = c..
Dev/Paint-Up
2021. 3. 17. 04:35
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 그림판 만들기
- css
- 바닐라js
- nrc
- NomadCoder
- Django
- instagram CSS
- Class
- JavaScript
- Git
- RUBY
- todolist
- project
- Firebase
- Python
- async
- nodejs
- 오버라이딩
- 트위터 클론
- github
- hooks
- React
- 드림코딩
- redux-toolkit
- 생활코딩
- 기능추가
- html
- object
- TypeScirpt
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
글 보관함