note

  • 홈
  • 태그
  • 방명록

sprite canvas responsive 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

え?

  • 분류전체보기 (234)
    • 프로그래밍 (216)
      • Vue.js (14)
      • 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

javascript datediff, 페이스북 연동, jquery touch slider, ios 앱푸시, video control hide, facebook share link, 모바일 상단고정, jquery, swift silent push, ios fcm foreground, facebook api, 페이스북 앱, facebook APP, crazyarcade, ios fcm background, 크아, vuejs render function, video 인앱 재생버튼, renderless component, 페이스북 api,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
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 :
05-10 11:12

Copyright © Kakao Corp. All rights reserved.

티스토리툴바