정보실

웹학교

정보실

javascript `<canvas>`HTML 엘레멘트를 조작하는 라이브러리들

본문

D3 : SVG, Canvas 및 HTML을 사용하여 데이터에 활력을 불어 넣으십시오.  https://d3js.org/

Chart.jshttp://www.chartjs.org/

FabricJS : 자바 스크립트 캔버스 라이브러리, SVG- 캔버스 (& 캔버스 - SVG) 파서  http://fabricjs.com/

Rough.js : 손으로 그린 ​​스케치 모양의 그래픽 만들기  http://roughjs.com/

p5 : p5.js는 아티스트, 디자이너, 학생 및 누구나 웹에서 창의적으로 코드를 작성하고 표현할 수있는 권한을 부여하는 클라이언트 측 JS 플랫폼입니다. 이것은 Processing의 핵심 원칙을 기반으로합니다. http://twitter.com/p5xjs  http://p5js.org/

F2 : 모바일 용 고급 인터랙티브 및 유연한 차트 라이브러리.  https://antv.alipay.com/zh-cn/f2/3.x/index.html

Pts : 시각화 및 창조적 코딩을위한 라이브러리  https://ptsjs.org/

Konva : Konva.js는 데스크톱 및 모바일 응용 프로그램을위한 캔버스 상호 작용을 가능하게하여 2D 컨텍스트를 확장하는 HTML5 Canvas JavaScript 프레임 워크입니다.  http://konvajs.github.io/

dygraphs : 자바 스크립트와 HTML 캔버스 태그를 사용하여 시계열의 인터랙티브 시각화  http://dygraphs.com/

SpriteJS : 크로스 플랫폼 경량 2D 렌더링 객체 모델입니다.  http://spritejs.org/

node-qrcode : qr 코드 생성기  https://github.com/soldair/node-qrcode

React Konva : React + Canvas = 사랑. React를 사용하여 복잡한 캔버스 그래픽을 그리는 JavaScript 라이브러리. https://konvajs.github.io/docs/react/ 

JsBarcode : 브라우저와 Node.js에서 모두 작동하는 JavaScript로 작성된 바코드 생성 라이브러리  http://lindell.me/JsBarcode

opentype.js : JavaScript를 사용하여 OpenType 글꼴을 읽고 씁니다.  https://opentype.js.org/

ToastUI Image Editor : 캔버스를 사용하여 완전한 기능을 갖춘 사진 이미지 편집기. 정말 쉽고 훌륭한 필터가 제공됩니다.  http://ui.toast.com/tui-image-editor

Phenomenon : 빠른 2kB 로우 레벨 WebGL API.  https://github.com/vaneenige/phenomenon

HTML Canvas Gauges : HTML5 Canvas Gauge. 순수 자바 스크립트와 HTML5 캔버스를 사용하여 고도로 구성 가능한 게이지의 작은 구현. 의존성 없음. 최소 코드 기반으로 인해 IoT 장치에 적합합니다. http://canvas-gauges.com/

React Ape : 캔버스 / WebGL을 사용하여 UI 인터페이스를 작성하기 위해 렌더러에 반응하십시오. https://github.com/raphamorim/react-ape 

Literally Canvas : 브라우저의 캔버스. 말 그대로.  http://www.literallycanvas.com/







  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

조회 82회 ]  작성일18-09-20 23:19

웹학교