Raphael Javascript 文本显示不正确 [英] Raphael Javascript text not displaying correctly
问题描述
我正在显示一些文本,我正在使用 Raphael JS 库.我希望名字"文本的大小为 25 像素,但它不起作用.我正在将一个 JS 变量传递给 Raphael 部分,这可能是问题的一部分.如果有人能帮助我,我将不胜感激.
<头><script src="raphael.js"></script><script src="jquery-1.7.2.js"></script><script type="text/javascript">var string = "J\no\ne";头部><身体>文本:<input type="text" id="words" value=""/><input type="button" value="Animate" onclick="animate()"/><div id='msg'></div><div id='num'></div><div id='字母'></div><!--<div id="letters2"></div>--><div id="draw-here-raphael" style="height: 200px; width: 400px; margin-top:0px;" >
<div id="elps" style="margin-left:100px;"/><script type="text/javascript">//你所有的javascript都在这里var r = new Raphael("draw-here-raphael");var firstname = r.text(95,100, string).attr({font: "25px"});var name = r.text(100,100, string);名称.模糊(1);</html>
Try var firstname = r.text(95,100, string).attr({"font-size": 25});
I have some text being displayed and I am using the Raphael JS library. I want the 'firstname' text to be size 25px, but it is not working. I am passing in a JS variable to the Raphael part and maybe that is part of the problem. If anyone could help me I would appreciate it.
<html>
<head>
<script src="raphael.js"></script>
<script src="jquery-1.7.2.js"></script>
<script type="text/javascript">
var string = "J\no\ne";
</script>
</head>
<body>
Text: <input type="text" id="words" value="" />
<input type="button" value="Animate" onclick="animate()" />
<div id='msg'></div>
<div id='num'></div>
<div id='letters'></div>
<!--<div id="letters2"></div>-->
<div id="draw-here-raphael" style="height: 200px; width: 400px; margin-top:0px;">
</div>
<div id="elps" style="margin-left:100px;"/>
<script type="text/javascript"> //all your javascript goes here
var r = new Raphael("draw-here-raphael");
var firstname = r.text(95,100, string).attr({font: "25px"});
var name = r.text(100,100, string);
name.blur(1);
</script>
</body>
</html>
Try var firstname = r.text(95,100, string).attr({"font-size": 25});
这篇关于Raphael Javascript 文本显示不正确的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!