Fabric.js 캔버스 그래픽 라이브러리

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 >