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 >