【www.bbyears.com--css3教程】
HTML5 Canvas绘图库介绍
Fabric.js是一个用于简化HTML5 Canvas标签操作的JS框架。 这是一个canvas元素上的互动对象模型。它还是一个SVG-to-canvas解析器。支持以下浏览器:
1.Firefox 2+
2.Safari 3+
3.Opera 9.64+
4.Chrome (all versions should work)
5.IE9+
如果我们要在
这里介绍一个比较优秀的绘图库:Fabric.js
1,项目地址
官网地址:http://fabricjs.com/
GitHub:https://github.com/kangax/fabric.js/
2,在线样例
Demos
Kitchensink demo
Benchmarks
3,简单的使用样例
在画布上绘制一个红色矩形。
<script src="dist/fabric.js"></script>
<script>
window.onload = function() {
var canvas = new fabric.Canvas("canvas");
var rect = new fabric.Rect({
top : 50,
left : 100,
width : 100,
height : 70,
fill : "red"
});
canvas.add(rect);
}
</script>