1, github의 주소 :
https://github.com/fabricjs/fabric.js
2, 간단한
쉽게 캔버스 프로그래밍을 Fabric.js. 캔버스에 동시에 상호 작용을 추가 할 수 있습니다. 포함하는 상호 작용 : 이동, 회전, 스케일링, 등의 투명도, 색상, 및 Z 인덱스를 변경.
사용 Fabric.js는 ectangles, 원, 타원, 다각형,뿐만 아니라 더 복잡한 그래픽을 만들 수 있습니다.
3, 간단한 예
<! DOCTYPE HTML >
< HTML >
< 머리 >
</ 머리 >
< 몸 >
< 캔버스 ID = "캔버스" 너비 = "300" 높이 = "300" > </ 캔버스 >
< 스크립트 SRC = "은 https : //cdn.bootcss .COM / fabric.js / 3.4.0 / fabric.min.js " > </ 스크립트 >
< 스크립트 >
var에 캔버스 = 새로운 fabric.Canvas ( ' 캔버스 ' );
새로운 fabric.Rect ({
위쪽 : 100 ,
: 좌 100 ,
: 폭 60 ,
: 높이 70 ,
: 채우기 ' 적색 '
})
canvas.add (RECT);
</ 스크립트 >
</ 몸 >
</ HTML >