본문 바로가기

그림판2

[javascript] 그림판 만들기 안녕하세요! 오늘은 스틱코드로 웹에서 사용할 수 있는, 간단한 그림판을 만들어 그림을 그리고, 지우고, 다운받을수 있는 기능을 만들어 보겠습니다. 소스는 하단 포스팅을 참조 해주세요. https://stickode.com/detail.html?no=2467 스틱코드 stickode.com 그림판은 상단에 그림을 그릴수 있는 canvas 영역, 컬러 펜두께를 선택하는 부분 되돌리기, 지우기, 다운로드 하는 버튼으로 구성이 되어 있습니다. 먼저 board.php에 그림을 그릴수 있는 스케치북인 canvas를 구성하고, 도구부분을 만들어 보겠습니다. - 화면 구성하기 상단에 CSS를 연결해주는 코드를 작성하고 그림판영역, 컬러칩, 컬러피커, 펜굵기조절, 버튼(되돌리기, 지우기, 다운로.. 2021. 9. 25.
[JAVA][안드로이드] 그림판 앱 구현하기 안녕하세요! 오늘은 스틱코드를 이용하여 간단한 그림판 앱을 구현해보도록 하겠습니다. 진행 순서는 아래와 같이 진행하겠습니다. 1. Touch 이벤트 2. 선 그리기 1. Touch 이벤트 안드로이드에서는 터치 이벤트를 제공하고 있어, 손가락으로 클릭 했을 때, 드래그 했을 때, 손가락을 화면에서 뗐을 때에 원하는 로직을 구동하기 위한 코드를 추가할 수 있습니다. 먼저 터치 이벤트가 어떻게 작동되는지 확인 하기 위해 중앙에 텍스트뷰를 위치하여 클릭 위치의 XY좌표를 구해 텍스트로 찍히도록 레이아웃을 구성해보겠습니다. * activity_main.xml 다음으로 MainActivity에 필요한 변수 선언과 터치 이벤트를 정의 하겠습니다. * 터치 이벤트 ACTION_DOWN : 손가락이 화면에 닿았을 때 A.. 2021. 3. 29.