본문 바로가기 메뉴 바로가기

celine

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

celine

검색하기 폼
  • Celine (41)
    • 퍼블리싱 (7)
      • html (0)
      • css (6)
    • 프론트엔드 (0)
      • javaScript, jQuery (20)
      • React (13)
      • Vue (1)
      • 코딩테스트 (0)
  • 방명록

javaScriptDrawing (1)
[javaScript] javaScript Drawing

[조건] 1. 화면 상에 100*100 박스 출력 2. 박스안에 특정 도형을 출력 - 도형 종류 무관 - 예) 네모, 세모, 원, 보노보노 등 3. 화살표로 특정 도형 이동 구현 Javascript Drawing 박스 안에 도형 출력-> 화살표로 이동 구현하기 키보드로 원을 움직여보세요 &#128155 var canvas = document.getElementById("canvas"); var ctx = canvas.getContext("2d"); var x = canvas.width/2; var y = canvas.height/2; //x와 y의 변수를 이용해서 캔버스 중앙에서 그려지도록 하겠습니다. var ballRadius = 10; // 충돌을 감지하기 위해서는 공이 벽에 닿았는지를 확인하고 //..

프론트엔드/javaScript, jQuery 2021. 8. 17. 11:21
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • CSS
  • file-saver
  • javascript
  • excel down
  • Portal
  • 페이징 커스텀
  • 탭메뉴
  • 로그인폼
  • frontend
  • 프론트엔드개발
  • css3
  • slick-slide
  • excel custom
  • HTML
  • 프론트엔드
  • jQuery
  • npm
  • 제이쿼리
  • react
  • 슬릭 슬라이드
  • 디자인시스템만들기
  • paging-custom
  • React.js
  • node.js
  • 퍼블리싱
  • react portal
  • react excel 다운
  • 퍼블리셔
  • 개발
  • 리액트 포탈
more
«   2025/12   »
일 월 화 수 목 금 토
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
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바