Text with underline line in Raphael JS

Question

I want to make a simple thinge. Just a text with underline line like tag in html. How can i do it in Raphael JS?

Answer 1

Here is a function that should do what you're after:

function underlineText(textElement) {
    var textBBox = textElement.getBBox();
var textUnderline = canvas.path("M"+textBBox.x+" "+(textBBox.y+textBBox.height)+"L"+(textBBox.x+textBBox.width)+" "+(textBBox.y+textBBox.height));  
}

var textElement = canvas.text(100,100,"hello world");
underlineText(textElement);