Mouse Event1 svg paint ; 마우스 이벤트와 터치 이벤트를 이용하여 간단한 그림판을 만들어 보자. svg 캔버스를 이용하여 자유롭게 낙서를 할 수 있는 칠판을 만들어 보자. 컨테이너인 svg에 뷰포트를 width="400" height="400" 으로 주고, 뷰박스는 viewBox="0 0 400 400" 그리고 경계를 위한 스타일을 주었다. 이벤트 리스너들을 작성하여 svg에 부착하여, 마우스 또는 터치를 이용하여 자유롭게 그릴 수 있다. 랜덤하게 색깔을 선택하게 된다. refresh를 하면 다른 색깔로 그릴 수 있다. 또는 ctrl + f5 단축키를 사용할 수 있다. 2023. 11. 3. 이전 1 다음
