Javascript 使用拉斐尔'；用于绘制左对齐文本的s库_Javascript_Alignment_Raphael

Javascript 使用拉斐尔'；用于绘制左对齐文本的s库

javascript

Javascript 使用拉斐尔'；用于绘制左对齐文本的s库,javascript,alignment,raphael,Javascript,Alignment,Raphael,我正在使用Raphael的JavaScript库(http://raphaeljs.com/)在我的web应用程序中绘制一些图形。我尝试了以下代码： <html> <head> <title></title> <script type="text/javascript" src="raphael/raphael.js"></script> </head> <body>

我正在使用Raphael的JavaScript库(http://raphaeljs.com/)在我的web应用程序中绘制一些图形。我尝试了以下代码：

<html>
<head>
    <title></title>
    <script type="text/javascript" src="raphael/raphael.js"></script>
</head>
<body>    
    <script>
        var paper = Raphael(10, 50, 600, 200);            
        paper.text(300, 50, "first very very long line\nshort line").attr(
            {"font-family":"arial", 
            "font-size":"30",
            "text-align":"left"}
            );
    </script>
</body>
</html>


var paper=Raphael（10,50,600,200）；
paper.text（300，50，“第一行非常长\n短行”）.attr(
{“字体系列”：“arial”，
“字体大小”：“30”，
“文本对齐”：“左”}
);

结果是一个带有两行居中文本的图形。css字体系列和字体大小显示正确。但是css文本对齐被忽略。为什么?

（使用Firefox 8.0和Chrome 15进行测试）

似乎是这样。改为使用该属性，其可能值为

start

、

middle

、

end

或

inherit

在您的示例中，请按如下方式使用：

paper.text(300, 50, "first very very long line\nshort line").attr({
    "font-family":"arial", 
    "font-size":"30",
    "text-anchor":"start"
});

好的，我刚刚找到答案：使用“文本锚定”：“开始”而不是“文本对齐”：“左”。

paper.text(300, 50, "first very very long line\nshort line").attr(
            {"font-family":"arial", 
            "font-size":"30",
            "text-anchor":"start"}
            );