Fabric.js canvas 图形库

时间 2019-11-05

标签 fabric.js fabric canvas 图形栏目 JavaScript 繁體版

原文原文链接

一、github地址：css

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

二、简述git

Fabric.js将canvas的编程变得简单。同时在canvas上添加了交互。交互包括：移动、旋转、缩放，修改透明度、颜色和z-index等。github

使用Fabric.js能够建立ectangles, circles, ellipses, polygons,以及更复杂的图形。编程

三、简单示例canvas

<!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>