Draw Arc Text With EaselJS

July 2012 ยท 1 minute read

Today I’ve released a first version of easeljs-arctext, an EaselJS extension that allows drawing of text along arc path.

See below for sample code.

// javascript Sample code
canvas = document.getElementById("canvas");
var stage = new Stage(canvas);
//Draw the text "Text Arc" with font "20pt Arial", color "black" and radius 100
var text = new TextArc("Text Arc", '20pt Arial', '#000', 100);
text.textAlign = "center";
text.x = 200;
text.y = 300;
stage.addChild(text);
stage.update();

Comments or suggestions are welcome ;)

comments powered by Disqus