index.html

---
layout: default
title: Tutorial
---

<ul id="articles">
  <li>
    <a href="/fabric-intro-part-1">Introduction to Fabric.js: Part 1</a>
    <span class="note">(<a href="https://github.com/rodrigopandini/articles-fabric.js/blob/master/Part-1.md">in Portuguese</a>, <a href="/fabric-intro-part-1_ru">in Russian</a>)</span>
    <ul>
      <li><a href="/fabric-intro-part-1#why_fabric">Why Fabric</a></li>
      <li><a href="/fabric-intro-part-1#objects">Objects</a></li>
      <li><a href="/fabric-intro-part-1#canvas">Canvas</a></li>
      <li><a href="/fabric-intro-part-1#images">Images</a></li>
      <li><a href="/fabric-intro-part-1#path_and_pathgroup">Path and PathGroup</a></li>
    </ul>
  </li>
  <li>
    <a href="/fabric-intro-part-2">Introduction to Fabric.js: Part 2</a>
    <span class="note">(<a href="https://github.com/rodrigopandini/articles-fabric.js/blob/master/Part-2.md">in Portuguese</a>, <a href="/fabric-intro-part-2_ru">in Russian</a>)</span>
    <ul>
      <li><a href="/fabric-intro-part-2#animation">Animation</a></li>
      <li><a href="/fabric-intro-part-2#image_filters">Image filters</a></li>
      <li><a href="/fabric-intro-part-2#colors">Colors</a></li>
      <li><a href="/fabric-intro-part-2#gradients">Gradients</a></li>
      <li><a href="/fabric-intro-part-2#text">Text</a></li>
      <li><a href="/fabric-intro-part-2#events">Events</a></li>
    </ul>
  </li>
  <li>
    <a href="/fabric-intro-part-3">Introduction to Fabric.js: Part 3</a>
    <span class="note">(<a href="https://github.com/rodrigopandini/articles-fabric.js/blob/master/Part-3.md">in Portuguese</a>, <a href="http://habrahabr.ru/post/254763/">In Russian</a>)</span>
    <ul>
      <li><a href="/fabric-intro-part-3#groups">Groups</a></li>
      <li><a href="/fabric-intro-part-3#serialization">Serialization</a></li>
      <li><a href="/fabric-intro-part-3#deserialization">Deserialization, SVG Parser</a></li>
      <li><a href="/fabric-intro-part-3#subclassing">Subclassing</a></li>
    </ul>
  </li>
  <li>
    <a href="/fabric-intro-part-4">Introduction to Fabric.js: Part 4</a>
    <span class="note">(<a href="https://github.com/rodrigopandini/articles-fabric.js/blob/master/Part-4.md">in Portuguese</a>, <a href="http://habrahabr.ru/post/257401/">In Russian</a>)</span>
    <ul>
      <li><a href="/fabric-intro-part-4#free_drawing">Free drawing</a></li>
      <li><a href="/fabric-intro-part-4#customization">Customization</a></li>
      <li><a href="/fabric-intro-part-4#node">Fabric on Node.js</a></li>
    </ul>
  </li>
</ul>