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,
60,
height: 70,
fill: 'red'
});
canvas.add(rect);
</script>
</body>
</html>