垂直对齐 Raphael 中的两个元素
Align vertically two elements in Raphael
在这个 jsFiddle 中,我有一个 RaphaelJS canvas,其中有一个文本和一个矩形,其中两者应该从相同的 x/y 坐标开始(请注意,两者的坐标均为 20/20元素)。
为了水平对齐,我使用 { 'text-anchor': 'start' }
但我找不到等效的垂直对齐方式。
如何使文本和矩形的起始坐标相同y
?
解决方法:获取getBBox()
的文字,然后将文字高度除以2,加上矩形y
坐标。
在这个 jsFiddle 中,我有一个 RaphaelJS canvas,其中有一个文本和一个矩形,其中两者应该从相同的 x/y 坐标开始(请注意,两者的坐标均为 20/20元素)。
为了水平对齐,我使用 { 'text-anchor': 'start' }
但我找不到等效的垂直对齐方式。
如何使文本和矩形的起始坐标相同y
?
解决方法:获取getBBox()
的文字,然后将文字高度除以2,加上矩形y
坐标。