Fabric.js canvas 图形库

1、github地址：

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>

来源：https://www.cnblogs.com/mengfangui/p/11511762.html

标签

canvas

fabric

rect

易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!