Introduction & Prerequisites

Note: Before reading this article we recommend you to get familiar with the “Working with Raphael JS Library on Tizen” article where we have introduced the Raphael JS Library and some of possibilities offered by this library.

This article describes the Raphael JavaScript Library and how to work with it on Tizen. You will learn how to draw simple 2D shapes: built-in (rectangles, circle, ellipse) and other (using paths), how to work with attributes of Raphael elements and create simple animations. You will also learn how to manipulate elements (move, scale and rotate).

In this article, you will learn how to draw primitives, such as rectangles, circles and triangles using both the HTML5 canvas APIs and Fabric canvas APIs through our TizenPaint sample app. You will also learn how to change some of the properties of primitives such as the width and color of stroke. In the last section of this article, we will also cover the topics of how to save your drawings in serialized String form.