摘要：
凡是出色的Canvas库都少不了制作动画的方法，Fabric.js也不例外，它有着编写简单且功能强大的动画助手，这就是animate( )方法。 animate主要使用代码如下： 意思是设置了rect的动画是旋转到360度，onChange是动画的回调函数，可以绑定事件，那这里就是当canvas渲染 阅读全文
摘要：
在Canvas上画方形、圆形、三角形都是很容易的，只要调用fabric对应的方法就可以了，但这些都是规则的图形，如果你想画一个不规则的图形,这时候你可以用fabric.js提供的路径绘图方法。所谓路径绘图就是用点和线的移动的方式进行绘图。通过对 线、曲线、弧的应用你可以非常复杂的图形。 我们先来看一 阅读全文
摘要：
我们已经学会了在Canvas上画简单的图形，这节我们就在Canvas上加一张图片。用到fabric.Image对象把图片添加到Canvas上。 HTML文件：为了效果更好看我在html里写了一些CSS样式。 JS文件： 通过上面步骤，我们已经把图片加到了canvas里，并用angle:30设置了顺时 阅读全文
摘要：
我们现在已经可以在HTML中使用Fabric.js库了，那这节我们就详细的学习一下如何在canvas上画出简单的图形。 在画东西之前我们需要了解画任何东西的基本三个步骤： 画方形的代码： 画圆形的代码： 画三角形的代码： 阅读全文
摘要：
Fabric.js是一个功能强大和简单Javascript HTML5的canvas库。Fabric提供了很多可以互动的Canvas元素，还在canvas上提供了SVG的语法分析器。 你可以轻松的使用Fabric.js做到下面的操作： 在canvas上创建和填充填充简单的几何图形。 放上一张已经准备 阅读全文