2012-07-23 3 views
1

일부 텍스트가 표시되고 Raphael JS 라이브러리를 사용하고 있습니다. 'firstname'텍스트의 크기를 25px로 지정하고 싶지만 작동하지 않습니다. JS 변수를 라파엘 부분에 전달하고 있는데 아마도 문제의 일부입니다. 누구든지 나를 도울 수 있다면 나는 그것을 감사 할 것입니다.Raphael Javascript 텍스트가 올바르게 표시되지 않습니다.

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

답변

1

해보십시오 var에 FIRSTNAME = r.text (95100, 문자열) .attr ({ "글꼴 크기": 25});

1

jQuery 파일 다음에 raphael js 파일을 호출 해보십시오.

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

작동하지 않았습니다 ... –

+1

var firstname = r.text (95,100, string) .attr ({ "font-size": 25}); –

+0

멋진 답변입니다.이 답변을 별도의 답변으로 게시하겠습니다. 수락 할 수 있습니다. –

관련 문제