使用raphael生成的巨大文本

Question

我想在多边形的中心处绘制文本，在中绘制由路径值形成的多边形。我尝试使用this小提琴，但文字是在纸上绘制而不是多边形。

 //for writing text
        var bbox = obj.getBBox();
        var x = Math.floor(bbox.x + bbox.width/2.0); 
        var y = Math.floor(bbox.y + bbox.height/2.0);
        alert(x + " and " + y);
        r.text(x, y, "t");

实际上我想在中心和中将文字写成多边形，就像标签一样！就像多边形中心的国家名称一样！

Answer 1

我猜你的问题确实是“为什么文字太大了？”，也许“为什么它放错了？”。也许是这样的事情：

http://jsfiddle.net/nhYSr/

我建议避免使用这么小的viewBox，因为浏览器往往会遇到非常小（小于1px）字体大小的问题。