07 2017 档案

摘要:刚开始学习jquery,可能一时会分不清楚哪些是jQuery对象,哪些是DOM对象。至于DOM对象不多解释,我们接触的太多了,下面重点介绍一下jQuery,以及两者相互间的转换。 什么是jQuery对象? 就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的,其可以使 阅读全文
posted @ 2017-07-26 14:55 惊蛰1993 阅读(311) 评论(0) 推荐(0)
摘要:凡是出色的Canvas库都少不了制作动画的方法,Fabric.js也不例外,它有着编写简单且功能强大的动画助手,这就是animate( )方法。 animate主要使用代码如下: 意思是设置了rect的动画是旋转到360度,onChange是动画的回调函数,可以绑定事件,那这里就是当canvas渲染 阅读全文
posted @ 2017-07-24 19:47 惊蛰1993 阅读(3984) 评论(0) 推荐(0)
摘要:在Canvas上画方形、圆形、三角形都是很容易的,只要调用fabric对应的方法就可以了,但这些都是规则的图形,如果你想画一个不规则的图形,这时候你可以用fabric.js提供的路径绘图方法。所谓路径绘图就是用点和线的移动的方式进行绘图。通过对 线、曲线、弧的应用你可以非常复杂的图形。 我们先来看一 阅读全文
posted @ 2017-07-24 19:34 惊蛰1993 阅读(5320) 评论(0) 推荐(0)
摘要:我们已经学会了在Canvas上画简单的图形,这节我们就在Canvas上加一张图片。用到fabric.Image对象把图片添加到Canvas上。 HTML文件:为了效果更好看我在html里写了一些CSS样式。 JS文件: 通过上面步骤,我们已经把图片加到了canvas里,并用angle:30设置了顺时 阅读全文
posted @ 2017-07-24 19:30 惊蛰1993 阅读(1661) 评论(0) 推荐(0)
摘要:我们现在已经可以在HTML中使用Fabric.js库了,那这节我们就详细的学习一下如何在canvas上画出简单的图形。 在画东西之前我们需要了解画任何东西的基本三个步骤: 画方形的代码: 画圆形的代码: 画三角形的代码: 阅读全文
posted @ 2017-07-24 19:17 惊蛰1993 阅读(402) 评论(0) 推荐(0)
摘要:Fabric.js是一个功能强大和简单Javascript HTML5的canvas库。Fabric提供了很多可以互动的Canvas元素,还在canvas上提供了SVG的语法分析器。 你可以轻松的使用Fabric.js做到下面的操作: 在canvas上创建和填充填充简单的几何图形。 放上一张已经准备 阅读全文
posted @ 2017-07-24 19:14 惊蛰1993 阅读(551) 评论(0) 推荐(0)