• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

선생님 아래와 같은 사이트는 어떤 식으로 구현된 걸까요?

22.05.28 16:49 작성 조회수 103

0

https://trends.cmiscm.com/
이런 사이트는 어떻게 구현을 하는지 알 수 있을까요?
색상 추출을 하고나서 어떤식으로 드로잉 하는지 궁금합니다.

답변 1

답변을 작성해보세요.

0

저도 예전에 보고 굉장히 멋지다고 생각했던 웹사이트인데요-
이미지의 색상을 추출하는 것은 일단 비트맵 정보를 가져와야 하기 때문에 캔버스를 사용합니다. 정확하지는 않지만 예상으론 이미지에서 해당 위치 비트맵의 색상값을 추출하고, 그 색을 가지고 해당 위치에서 점점 큰 삼각형에서 작은 삼각형을 그리는 식으로 애니메이션 동작 구현을 하셨을 것 같네요~