Book Image

Instant RaphaelJS Starter

By : Krishna Sagar
Book Image

Instant RaphaelJS Starter

By: Krishna Sagar

Overview of this book

Drawing in a browser without images has been around for a long time but it was a complex task with browser support issues. Raphael JS aims to solve all these problems with simple and clear methods to draw cross-browser compatible drawings. Imagine drawing complex dials, graphs, and meters for a dashboard, all without images, and the ability to dynamically manipulate those drawings. Creativity is the only limit with Raphael JS."Instant RaphaelJS Starter" is a practical, hands-on guide that provides you with a number of clear step-by-step exercises, which will help you take advantage of the real power that is behind Raphael JS, and give you a good grounding in using it in your web pages."Instant RaphaelJS Starter" looks at the HTML5 video formats available, and breaks down the mystery and confusion that surrounds which format to use. It will take you through a number of clear, practical recipes that will help you to take advantage of the new HTML5 video standard, quickly and painlessly. You will also learn how to draw your own shapes using any vector graphics editor, or by using one of the pre-defined shapes. We will also take a look at adding functionality such as DOM events, or animations, as well as how to manipulate the shapes dynamically. If you want to take advantage of imageless vector graphics for browsers using Raphael JS, then this is the book for you.You will learn everything you need to know to convert shapes and perform animations, as well as how to draw custom shapes with simple techniques using Raphael JS and use them across multiple browsers.
Table of Contents (7 chapters)

Chapter 1. Instant RaphaelJS Starter

Welcome to Instant RaphaelJS Starter.

This book has especially been created to provide you with all the information that you need to set up RaphaelJS. You will learn the basics of RaphaelJS, get started with building your first script, and discover some tips and tricks for using RaphaelJS.

This document contains the following sections:

So what is RaphaelJS? – Find out what RaphaelJS actually is, what you can do with it, and why it's so great.

Installation – Learn how to download and install RaphaelJS with minimum fuss and then set it up so that you can use it as soon as possible.

Quick start – This section will show you how to perform one of the core tasks of RaphaelJS, that is, creating shapes. Follow the steps to create your own shape, which will be the basis of most of your work in RaphaelJS.

Top features you need to know about – Here you will learn how to perform five tasks with the most important features of RaphaelJS.

People and places you should get to know – Every open source project is centered around a community. This section provides you with many useful links to the project page and forums, as well as a number of helpful articles, tutorials, blogs, and the Twitter feeds of RaphaelJS super contributors.