Align vertically two elements in Raphael

Question

In this jsFiddle I hava a RaphaelJS canvas with a text and a rectangle where both should start at the same x/y coordinates (see that coordinates are 20/20 in both elements).

To align horizontally I use { 'text-anchor': 'start' } but I cannot find the equivalent to align vertically.

How to make both the text and the rectangle start at the same y coordinate?

Answer 1

解决方案：使用getBBox()获取文本，然后将文本高度除以2，然后添加到矩形y坐标。