canvas draw image 질문..
237
작성한 질문수 9
강사님 안녕하세요
canvas에 여러개의 이미지를 draw Image를
requestAnimationFram을 이용하여 계속 그려주는 상황에서
각각 이미지를 회전이라던가 다른 transform 효과들을 주고 싶은데
이미지를 context.rotate(radian) 하여 회전을 주었지만 애니메이션프레임 반복으로인해
이미지가깨지게보이거나 기대했던 대로 되지 않았습니다 .
제가 하고싶은것은 이미지가 rotate된 상태(고정) 에서 애니메이션을통해 그려지는 것입니다.
방법이 있을까요?
답변 1
0
캔버스는 css처럼 고수준 api가 아니라서, transform을 조작할 때도 좀 더 많은 작업이 필요한데요,
예전에 제가 유튜브에서 라이브로 진행했던 캔버스 강의에서 transform 파트를 보시면 힌트를 얻으실 수 있지 않을까 싶습니다^^
https://youtu.be/IeN-m2hMO-g
이미지 배경 문의
0
67
1
[크로스브라우징] safari에서 동영상 영역 미노출
0
106
1
항상 궁금했는데 크림슨 컬러 선택하셨을때 활용했던 사이트 좀 알려주세요~
0
109
2
vue강의는안하시나요?!
0
101
1
스크롤 속도에 따른 messageA_opacity_out
0
115
1
drawImage(objs.videoImages[sequence], 0, 0); error
0
89
1
선생님 캔버스 width 크기는 이미지 크기에맞게 해줘야하나요?
0
127
0
선생님 안녕하세요. 혹시 메인개발(?)분야가 뭔지 궁금합니다.
0
206
1
React에서 load 상태를 어떻게 감지할 수 있을까요?
0
678
1
[섹션7-3: 버그수정 2] tempYOffset 오류
0
195
1
스크롤할 때 캔버스로 하신 이유가 있으신가요? 그냥 성능 떄문에 캔버스로 하신건가요?
0
313
2
게속 오류떠서 글 작성해봐요....
0
506
2
Vanilla JavaScript로 SPA 만드는 자료 혹은 선택 기준을 추천해주실 수 있으신가요?
1
488
1
특정 타이밍 스크롤 애니메이션 적용하기 섹션 수강중입니다.
0
455
2
[#svg, #이미지프레임과 텍스트 싱크] 스크롤 값에 움직이는 svg path, 이미지프레임과 텍스트 싱크 맞추는 것, 2가지 질문이 있습니다.
0
451
2
페이지가 처음 로딩 되었을 때 애니메이션 처리가 되지 않는 느낌입니다
0
431
1
섹션2 번째, opacity=0 되지 않고 잔상이 남습니다.
0
533
1
원래 쿼리셀렉터에서는 띄워쓰기 하면안되나요?
0
593
2
라이브러리 질문
1
412
2
translateY대신 애플에서 사용한 것 처럼 matrix로 scale의 크기를 주려고 하는데
0
409
1
[스크롤 높이 세팅] scrollHeight값이 3990아닌 4645로만 나오는데 뭐가 문제일까요? ㅠㅠ
0
598
2
scrollLoop 함수 질문
0
476
2
도메인 웹호스팅시 이미지가 안 뜨는데 누가 좀 알려주세요ㅠㅜ
0
1235
2
load 이벤트시 첫 비디오 이미지가 뜨네요.
0
506
2