rotate text in raphael

<html>
<head>
<title> http://stackoverflow.com/questions/11470932/letter-shadows-from-user-input </title>
<script src="raphael-min.js"></script>
<script type="text/javascript">

function draw_text() {
    var txt = document.getElementById("words").value;
    var posy = txt.length*10;
    r.clear();
    var attr = {font: "50px Helvetica", opacity: 0.5};
    var text = r.text(40, 40+posy, txt).attr(attr).attr({fill: "#0f0"});
    text.attr({transform: "r270"}); // rotate 270 degrees
    r.safari();
}
</script>

<style type="text/css">
#draw-here-raphael {
    height: 200px;
    width: 400px;
    margin-top:1em;
    top:10em;
    left:10em;
    border: 2px solid #aaa;
}
</style>

</head>

<body>

Text: <input type="text" id="words" value="" />
<input type="button" value="Draw text" onclick="draw_text()" />

<div id="draw-here-raphael"></div>

<script type="text/javascript">
var r = new Raphael("draw-here-raphael");
</script>

</body>
</html>