Basic Options

This example will show the use of basic options like font size, color, stroke width and text align.

<div id="vara-container"></div>

var vara = new Vara("#vara-container","font.json",[{
    text:"Hello World!!"
},{
    text:"I am Green",
    color:"green"
},{
    text:"I am Bold",
    strokeWidth:2
},{
    text:"I am centered.",
    textAlign:"center"
}],{
    fontSize:46
});

The options can be applied by adding them individually to each block of text or by setting a common property (fontSize is common to all blocks).