Question

我正在显示一些文字，我正在使用Raphael JS库。我希望'firstname'文本的大小为25px，但它不起作用。我将一个JS变量传递给Raphael部分，也许这是问题的一部分。如果有人能帮助我，我会很感激。

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

Answer 1

尝试在jQuery文件之后调用raphael js文件。

<script src="jquery-1.7.2.js"></script>
<script src="raphael.js"></script>

Answer 2

尝试var firstname = r.text（95,100，string）.attr（{＆＃34; font-size＆＃34;：25}）;

Raphael Javascript文本无法正确显示

2 个答案: