노마드 코더 - 초급/바닐라 JS로 그림판 만들기

추가로 구현해보기 5: 포인터를 페인트통으로 바꾸기

햅삐한 포메라리안 2022. 3. 13. 19:02
반응형

커서 바꾸기

https://codegream.kr/46

cursor: url("https://blog.kakaocdn.net/dna/BQXpN/btq3qNR67Lg/AAAAAAAAAAAAAAAAAAAAAC__KXHsnlVfU2aKBE_5e2l_cn97hTTIwWJh4r6nnhwh/img.png?credential=yqXZFxpELC7KVnFOS48ylbz2pIh7yKj8&expires=1753973999&allow_ip=&allow_referer=&signature=dq%2Fy9PmgWn1rg0rARVrZ2n89%2BVk%3D"), auto;

이 코드를 CSS에 넣어주면 된다.

근데 나는 해도 안되길래 뭐가 문제인가 봤더니...

사진의 크기가 100x100을 넘어가면 안되는 것 같다.

 

앗... 마우스 커서가 안찍힌다...

http://www.rw-designer.com/cursor-detail/61839

 

 

publishing 하는거 까먹어서 또 찾아봤네요

gh-pages 브랜치 만들기

 

 

https://smile-note.github.io/paintjs/

 

PaintJS

 

smile-note.github.io

여기서 확인해보시길 바랍니다.

 

 

이렇게 모두 구현 성공!! 👍

반응형