gpt4 book ai didi

javascript - 使用 Raphael's-library 绘制左对齐文本

转载 作者:搜寻专家 更新时间:2023-11-01 04:46:48 24 4
gpt4 key购买 nike

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

<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>

结果是一个带有两行居中文本的图形。 css font-family 和 font-size 显示正确。但是 css text-align 被忽略了。为什么?

(使用 Firefox 8.0 和 Chrome 15 测试)

最佳答案

似乎Raphael doesn't use text-align property .而是使用 text-anchor属性,它的可能值为 startmiddleendinherit

在你的例子中这样使用它:

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

关于javascript - 使用 Raphael's-library 绘制左对齐文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8166245/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com