2006年02月15日

フリーフォントテスト

タイトル文字列をテストします。
変換結果は、euc-jpの文字列を urlencode したものになっています 
表示するテキスト
x 座標 y 座標
高さ
角度 サイズ
<table>
   <tr>
      <td>
         表示するテキスト
      </td>
      <td colspan=3>
         <INPUT type=text size=80 name=TitleText value="ブログのパーツ屋さん">
      </td>
   </tr>
   <tr>
      <td>
         x 座標
      </td>
      <td>
         <INPUT type=text name=x value="8">
      </td>
      <td>
         y 座標
      </td>
      <td>
         <INPUT type=text name=y value="55">
      </td>
   </tr>
   <tr>
      <td>
         幅
      </td>
      <td>
         <INPUT type=text name=w value="640">
      </td>
      <td>
         高さ
      </td>
      <td>
         <INPUT type=text name=h value="65">
      </td>
   </tr>
   <tr>
      <td>
         角度
      </td>
      <td>
         <INPUT type=text name=a value="0">
      </td>
      <td>サイズ</td>
      <td>
         <INPUT type=text name=s value="45">
      </td>
   </tr>
</table>
<INPUT type=button value="変更" onClick='ChangeImage();'>
<TEXTAREA id=imgResult cols=90 rows=10></TEXTAREA>
<SCRIPT language="JavaScript">

function ChangeImage() {

var strValue;

strValue = urlEncode( document.getElementsByName("TitleText")[0].value );

var strSrc = "http://winofsql.jp/php/font.php?font=elenat&cset=euc-jp";

strSrc += "&s=" + document.getElementsByName("s")[0].value;	
strSrc += "&a=" + document.getElementsByName("a")[0].value;	
strSrc += "&x=" + document.getElementsByName("x")[0].value;	
strSrc += "&y=" + document.getElementsByName("y")[0].value;	
strSrc += "&w=" + document.getElementsByName("w")[0].value;	
strSrc += "&h=" + document.getElementsByName("h")[0].value;	
strSrc += "&text=" + strValue;

document.getElementById("TitleImage").src = strSrc;
document.getElementById("TitleImage").style.borderStyle = "solid";
document.getElementById("TitleImage").style.borderWidth = "1px";
document.getElementById("TitleImage").style.borderColor = "#000000";

document.getElementById("imgResult").value = "<IMG src=\"" + 
strSrc + "\"/>"

}

</SCRIPT>
<SCRIPT language=JavaScript src="http://webase.winofsql.jp/urlencode.js"></SCRIPT>

Trackback on "フリーフォントテスト"

このエントリーのトラックバックURL: 

"フリーフォントテスト"へのトラックバックはまだありません。