# Konva.js - JavaScript Canvas 2D 라이브러리 > Clean Markdown view of GeekNews topic #19898. Use the original source for factual precision when an external source URL is present. ## Metadata - GeekNews HTML: [https://news.hada.io/topic?id=19898](https://news.hada.io/topic?id=19898) - GeekNews Markdown: [https://news.hada.io/topic/19898.md](https://news.hada.io/topic/19898.md) - Type: news - Author: [xguru](https://news.hada.io/@xguru) - Published: 2025-03-23T09:49:01+09:00 - Updated: 2025-03-23T09:49:01+09:00 - Original source: [github.com/konvajs](https://github.com/konvajs/konva) - Points: 17 - Comments: 4 ## Summary Konva.js는 HTML5 Canvas 기반의 JavaScript 프레임워크로, 고성능 애니메이션과 트랜지션, 노드 중첩 및 레이어링을 지원하며, 데스크탑과 모바일 기기에서 일관된 성능을 제공합니다. 객체 지향 방식의 API를 통해 다양한 도형을 독립적으로 조작할 수 있으며, 복잡한 계층 구조와 효율적인 이벤트 처리를 제공합니다. 또한, React, Vue, Svelte 등 다양한 웹 프레임워크와의 통합을 지원합니다. ## Topic Body - HTML5 Canvas 기반의 JavaScript 프레임워크로 고성능 애니메이션, 트랜지션, 노드 중첩, 레이어링, 필터링, 캐싱, 이벤트 처리 등을 지원 - 데스크탑 및 모바일 기기에서 일관된 경험과 성능 제공 - 다양한 도형을 지원하는 **객체 지향 방식의 API** - 수천 개의 도형을 독립적으로 이동, 크기 조정, 회전 가능 - 노드 중첩, 그룹화, 이벤트 버블링 등 복잡한 계층 구조와 효율적인 이벤트 처리 - 내장된 **애니메이션 및 트윈(Tween) 기능**으로 매끄럽고 동적인 효과 구현 - Canvas 작업 결과를 고해상도 Data URL, 이미지 데이터 또는 객체 형태로 저장 가능 - 직관적인 드래그 앤 드롭 기능 구현 가능 - **React**, **Vue**, **Svelte** 등 웹 프레임워크와 통합 지원 - **KineticJS**의 GitHub 포크에서 시작됨 ## Comments ### Comment 36250 - Author: sr71gogo - Created: 2025-03-24T07:14:44+09:00 - Points: 1 여러 도형의 결합이 가능하지만 복합도형은 회전을 시킬 때 중심점이 생각과 다른 위치에 생겨서 제자리에서 각도 트는 걸 구현하기가 아려움 ### Comment 36239 - Author: onixboox - Created: 2025-03-23T19:41:13+09:00 - Points: 2 데모 보려고 홈페이지 가봤는데 가격탭이 있어서 눌러보니 뮤직비디오가 나오네요 ㅋㅋ ### Comment 36240 - Author: iolothebard - Created: 2025-03-23T21:20:05+09:00 - Points: 1 - Parent comment: 36239 - Depth: 1 저랑 똑같은 경험을 ㅋㅋ ”포기하지마“아니 뭔 생각일까요… ### Comment 36241 - Author: lidersy961 - Created: 2025-03-23T21:53:25+09:00 - Points: 2 - Parent comment: 36240 - Depth: 2 Rick Rolled 라는 밈입니다. Never Gonna Give You Up 이라는 곡의 링크를 타게 해 사람들을 낚는 해외 밈인데, 무료 오픈 소스라서 사람들을 낚으려고 이런 것 같습니다ㅋㅋ