一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

HTML5 Canvas绘图库介绍(Fabric.js)

时间:2016-01-23 编辑:简简单单 来源:一聚教程网

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+

如果我们要在上绘制复杂的图形,就需要学习各种几何知识。
好在网上有现成的绘图库供我们使用,不但可以轻松绘制圆形、三角形、椭圆形、多边形等基本图形,而且还提供了许多高级方法。让我们不必再一笔一笔地画了,只要使用这些库,它的底层使用JavaScript帮我们完成正确的操作。

这里介绍一个比较优秀的绘图库:Fabric.js

原文:HTML5 - 好用的Canvas绘图库介绍(Fabric.js)

1,项目地址

官网地址:http://fabricjs.com/
GitHub:https://github.com/kangax/fabric.js/

2,在线样例

Demos
Kitchensink demo
Benchmarks

3,简单的使用样例

在画布上绘制一个红色矩形。

原文:HTML5 - 好用的Canvas绘图库介绍(Fabric.js)









   

热门栏目