html5 애니메이션 채점형석의 동그라미 구현입니다.
흰양말
2023.04.01
1번2번html5 canvas를 이용하여 animation 효과로 동그라미가 천천히 그려지도록 할려고 했었거든요
일단 애니메이션 형식으로 2번처럼 동그라미가 생성되게는 했는데 1번처럼 그릴려면 어떻게 해야하나요?
1번은 시험지 채점할때 같은 동그라미입니다. 이걸 동적으로 할려고 하는데 애니메이션처럼..
어떻게 하는게 좋을까요?...
-
수국
네 반복 제어 가능합니다.
-
제철
반복으로 안만들면 되죵 ...
-
딥보라
아 감사합니다. 투명으로 하면 되겠네요.. 제가 초보라서 ㅠㅠ 구현하는데 힘드네요.
마지막으로 질문 한가지만 하겟습니다. gif는 반복적인 움직임이잖아요.. 그런데 제가 할려는건
동그라미 치는 애니메이션인데 한번 그려지면 움직이면 안되거든요.. 이것도 제어를 할수 있는건가요? -
예그리나
투명으로 하면 보입니다^^
-
그녀는귀여웠다
답변 감사합니다. gif로 덮으면 그 아래 내용이 안보이지 않나요?
-
푸르나
꼭 캔버스를 이용해야 하는 이유가 있는지 궁금하구요.
일단 저 같으면 채점모양의 모션을 gif 이미지로 뽑아내서 필요한 부분이 있을땐 이미지를 호출시켜서 position 시키는 형태로 가면 되지 않을까 싶습니다.