Fabric.js canvas 圖形庫


1、github地址:

https://github.com/fabricjs/fabric.js

2、簡述

Fabric.js將canvas的編程變得簡單。同時在canvas上添加了交互。交互包括:移動、旋轉、縮放,修改透明度、顏色和z-index等。

使用Fabric.js可以創建ectangles, circles, ellipses, polygons,以及更復雜的圖形。

3、簡單示例

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
        <canvas id="canvas" width="300" height="300"></canvas>

        <script src="https://cdn.bootcss.com/fabric.js/3.4.0/fabric.min.js"></script>
        <script>
            var canvas = new fabric.Canvas('canvas'); var rect = new fabric.Rect({ top: 100, left: 100, width: 60, height: 70, fill: 'red' }); canvas.add(rect); </script>
    </body>
</html>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM