rookie-birds / fabric-tutorial_zh-cn

Fabric.js中文教程

Fabric.js中文教程

Fabric官网

• 第一部分
  • 为什么要做fabric
  • Fabric中的对象
  • Canvas
  • 图像
  • 路径（Paths）
• 第二部分
  • 动画（animate）
  • 图像滤镜（filters）
  • 颜色（Colors）
  • 渐变（Gradients）
  • 文本（Text）
  • 字体（fontFamily）
  • 事件（Events）
• 第三部分
  • 组合（Group）
  • 序列化
  • 反序列化，SVG解析器
  • 子类
• 第四部分
  • 自由绘画
  • 自定义
  • Node.js上的Fabric
• 第五部分
  • 缩放和平移（Zoom and panning）
• 第六部分
  • 变形（transform）
• 第七部分
  • 子类化Textbox类以生成位图文本
• 第八部分
  • clipPaths剪切基础
  • clipPaths嵌套和更复杂的场景
  • canvas上使用clipPaths

fabric-tutorial_zh-cn's Issues

fabric.js适用于移动端吗？

你好， mouse:weel缩放 平移有适用于移动端 手指捏放的方法吗？没找到对应的方法

记录一下已经过时的内容

var gradient = new fabric.Gradient({
type: 'linear',
gradientUnits: 'pixels', // or 'percentage'
coords: { x1: 0, y1: 0, x2: 0, y2: circle.height },
colorStops:[
{ offset: 0, color: '#000' },
{ offset: 1, color: '#fff'}
]
})

circle.set('fill', gradient);