note

  • 홈
  • 태그
  • 방명록

javascript sprite 1

vuejs 반응형 sprite canvas 만들기

canvas와 감싸는 container div를 만든다. 이때, 상위 부모의 사이즈가 반응적이어야 한다. 보닌(본인)은 sprite 진행 이전 poster 이미지를 하나 두고 사이즈를 가져올수 있게끔 하였다. poster이미지의 가로세로가 줄어들든 늘어나든 canvas를 감싸는 container의 가로세로를 해당 poster 이미지 가로세로로 세팅해주면 되기때문이다. 시작 각 ref변수와 sprite에 사용할 변수도 만들어준다. const spritePosterRef = ref(); // 애니메이션 이전 폴더블 이미지 영역 const spriteContainerRef = ref(); // 애니메이션 전체 영역 const spriteRef = ref(); // 애니메이션 캔버스 영역 const isLoad..

프로그래밍/Vue.js 2023.07.19
이전
1
다음
더보기
반응형
프로필사진

note

え?

  • 분류전체보기 (235)
    • 프로그래밍 (217)
      • Vue.js (15)
      • React (0)
      • React Native (3)
      • TypeScript (1)
      • JavaScipt (37)
      • Node.js (6)
      • jQuery (44)
      • HTML+CSS (23)
      • SWIFT (1)
      • MSSQL (20)
      • ASP (24)
      • ASP.NET (0)
      • PHP (14)
      • JAVA (6)
      • GIT (2)
      • 기타 (21)
    • 페이스북 (9)
    • 크레이지아케이드 (9)

Tag

페이스북 api, 모바일 상단고정, ios 앱푸시, jquery, facebook APP, renderless component, vuejs render function, 크아, 페이스북 앱, 페이스북 연동, ios fcm background, jquery touch slider, ios fcm foreground, vue 국제화, vue-i18n, facebook api, facebook share link, vue3 i18n, crazyarcade, javascript datediff,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

Archives

Calendar

«   2026/01   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :
01-30 14:16

Copyright © AXZ Corp. All rights reserved.

티스토리툴바