camel

鐃緒申鐃緒申鐃術わ申鐃緒申鐃獣わ申鐃塾でわ申鐃緒申鐃緒申鐃殉わ申鐃緒申鐃緒申

GD.pm鐃緒申箸辰謄廛鐃緒申鐃緒申鐃準す鐃緒申里狼廚鐃緒申屬蝓�

[鐃宿居申:鐃緒申能鐃緒申鐃緒申鐃緒申鐃殉わ申鐃緒申]

鐃緒申鐃緒申泙鐃緒申鐃緒申悗虜鐃夙�鐃緒申鐃獣ぽわ申鐃塾でわ申鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃獣わ申鐃塾わ申鐃淑わ申鐃獣わ申鐃塾で￥申

鐃緒申鐃緒ず鐃盾が鐃淑でわ申鐃緒申鐃緒申鐃緒申鐃祝ワ申鐃緒申鐃緒申鐃緒申鐃叔わ申鐃緒申佑呂覆鐃駿わ申鐃緒申分鐃塾とわ申鐃緒申鐃叔わ申鐃緒申CGI鐃緒申動鐃緒申鐃緒申鐃銃駕申鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申砲鐃獣てわ申鐃緒申由鐃祝わ申鐃緒申鐃緒申鐃緒申鐃所い鐃緒申鐃緒申鐃緒申鐃銃結構鐃淑ので￥申

鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃�鐃緒申鐃旬醐申鐃緒申未鐃殉わ申(鐃緒申鐃緒申鐃緒申鐃春ワ申鐃緒申箸鐃緒申鐃緒申楔鐃薯サポ￥申鐃夙わ申鐃銃わ申鐃緒申鐃緒申砲鐃�)鐃緒申

Font:
Size:
Antialiased?
Foreground Color:#
Background Color:# Transparent
Padding:px

GD鐃緒申TrueType鐃緒申鐃楯￥申鐃緒申鐃春わ申鐃叔ワ申鐃藷スト￥申鐃暑す鐃緒申必鐃竣わ申鐃緒申鐃所、鐃殉わ申TrueType鐃春ワ申鐃緒申箸鐃�Unicode鐃淑わ申咾砲覆辰討鐃緒申鐃宿�鐃竣わ申鐃緒申鐃緒申泙鐃緒申鐃緒申鐃緒申FreeBSD鐃緒申ports鐃緒申鐃初こ鐃緒申鐃薯インスト￥申鐃暑し鐃緒申鐃塾でほとわ申俵鐃熟�鐃熟わ申鐃緒申泙鐃緒申鐃叔わ申鐃緒申鐃緒申

鐃銃種申僖鐃潤タ鐃緒申鐃祝関わ申鐃銃は￥申鐃緒申鐃緒申鐃緒申鐃薯参照のわ申鐃夙￥申

CGI Source: http://api.dan.co.jp/str2png.src

鐃緒申鐃緒申辰塙鐃緒申廚鐃緒申鐃緒申里蓮鐃緒申侫鐃緒申鐃緒申名鐃緒申jsonp鐃叔種申鐃緒申茲�鐃祝わ申鐃緒申鐃緒申鐃夙￥申鐃緒申鐃緒申鐃緒申鐃叔ワ申鐃初イ鐃緒申鐃緒申箸箸鐃熟�鐃夙わ申鐃緒申笋刻申鐃緒申覆辰討鐃緒申泙鐃緒申鐃緒申椶鐃緒申鐃緒申鐃�client source鐃薯参照のわ申鐃夙￥申

Client Source: 
function $(id){ return document.getElementById(id) }

(function(onload){ // load 
  if (window.addEventListener){
    window.addEventListener('load', onload, false);
  }else if (window.attachEvent){
    window.attachEvent('onload',  onload, false);
  }
})(
  function(){
    var uri = 
      'http://www.dan.co.jp/~dankogai/cgi/str2png.cgi/fonts/jsonp?callback=jsonp';
    var script = document.createElement('script');
    script.charset = 'UTF-8';
    script.src = uri; 
    document.lastChild.appendChild(script);
  }
);

function jsonp(json){
  var html = '';
  for (var i = 0; i < json.length; i++){
    html += '<option>' + json[i] + '</option>';
  }
  $('font').innerHTML = html;
}

function str2png(){
  if (!$('str').value) return;
  var base = 'http://www.dan.co.jp/~dankogai/cgi/str2png.cgi?';
  var str  = 'str='  + encodeURIComponent($('str').value);
  var font = 'font=' + $('font').value;
  var size = 'size=' + $('size').value;
  var aa   = $('aa').checked ? 'aa=1' : 'aa=0'; 
  var fg   = 'fg='   + $('fg').value;
  var bg   = 'bg='   + ($('transparent').checked ? 'transparent' : $('bg').value);
  var padding = 'padding=' + $('padding').value;
  $('str2png').innerHTML =  
    '<img alt="str2png" src="' 
  + [base,str,font,size,aa,fg,bg,padding].join('&')
  + '"/>';
}

Enjoy!

Dan the GD Novice

See Also: