JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.github.com/ElbertF/Raphael.FreeTransform/master/raphael.free_transform.js"></script>
<script src="http://burnbright.co.nz/assets/font.js"></script>
<div id="holder" style="width: 100%; height: 100%">

JavaScript

paper = Raphael('holder');

var text = paper.print(300, 50, 'Foo', paper.getFont('whoa'), 50, 'baseline');

var path = new Array();

for ( var i = 0; i < text.length; i ++ ) {
    path[i] = paper.path(Raphael.pathToRelative(text[i].attr('path')));
    
    path[i].attr({ fill: 'red' }).translate(i * 250, 300);
}