KANTENNA.COM

Solarized

HOME > 情報備忘録 > テキストを動的に画像にする仕組み

テキストを動的に画像にする仕組み

ちょっと前にGDを利用してテキストを画像に変換で 同じことをしようとしていたんですがとても参考なりそうな気がするのでメモ。

参考サイト

クライアント側の記述が簡単なほどよいわけで、 そう考えるとJavascriptで適用するってのはよさそう。

PHPタグを書く必要もなくなるわけだ。

HTML
  1.  // 現状
  2.  <? $img->view("Style.h2.テキスト"); ?>
  3.  
  4.  // 理想
  5.  <h2 class="Style">テキスト</h2>

headerの出力があるので、面倒なことになってたんですが 出力のバッファという仕組みがあることを先日知りました。 この仕組み使えばもっとコンパクトにできそうな気がしてます。

とりあえず上記の見てどういう仕組みでやってるのか 研究したいと思います。

お知らせ

あまりこのエントリに関係のない話ですがデザイン系のネタは 今後デザインの汁に エントリーすることにしました。まだ作ってる最中ですが・・・

記事ページのタイトルにGDを利用してテキストを画像に変換で 作ったものを利用してます。ここではうまく使えてませんが こういう風に斜めにできるとアイキャッチとして利用できるんじゃないかと思ってます。

投稿日 2009年4月 3日 12:04
カテゴリ bookmark
タグ PHP
トラックバック URL http://www.kantenna.com/cgi-bin/mt504/mt-tb.cgi/993

トラックバック(0)

コメント

コメントする
Name
Email Address
URL
PAGE RANK
TIME LINE
2012
02.03

[jQuery]closest()とparents()

今から16年前Netscapeブラウザのソースコードの公開方法の会議の中で、初めてオープンソースという言葉が使われた今日、 みなさんいかがお過ごしでしょうか。

今回の投稿はそれとは関係のないjQueryのparents()とclosest()が 似てたので何が違うのか試した時のメモです。

2012
02.01

[jQuery Mobile]初期化イベントメモ

jQuery Mobileは読み込まれてから

mobileinit -> pagebeforecreate -> pagecreate -> pageinit

の順番でイベントが発生する。

2012
02.01

[WordPress]管理画面のフッタのフィルタとアクション。

時間も時間なので、あまり使用頻度の高くない微妙なネタを。

会員制サイトなどで不特定多数の人にログインさせる場合、フッタのバージョン情報は隠しておきたかったり、 こじゃれたメッセージを表示したいときとか使うアクションとフィルタ。

2012
01.28

[WordPress] ブログの情報を取得する方法とノーキャッシュ疑惑

ブログのget_bloginfo()で取れないデータが必要な場合に使うもの。

2012
01.27

検索エンジンにやさしいパンくずリストのコーディング

ってなんだ。

2012
01.26

[jQuery Mobile]ダイアログ

jQuery Mobileにおけるダイアログの扱いはウインドウではなくページ。 なので通常のページと同様に扱える。ダイアログウインドウを出す。じゃなくダイアログページに遷移する。的な。

2012
01.25

[Ubuntu11.10]Ubuntuのインストール後の設定

インストール完了後の環境構築。PC起動時いちいちBIOSからブートドライブ選んで ブートするのかと思ってたら起動時にOS選択画面が出てくる。

すばらしいですね。

2012
01.24

[Ubuntu11.10]Windows XPとUbuntuのデュアルブート環境

いろいろあってUbuntuをインストールすることに。

2012
01.23

MinGW+Mintty+Git

MinGW+Mintty+Gitをやろうとして失敗に終わった。このエントリーには収穫できるものはありません。

2012
01.21

[PHP]共有サーバーユーザーのためのPEARインストール方法

共有サーバーでは自由にPEARのパッケージがインストールできないので、 プロジェクトローカルに設置することになりますが、以前httpベースのものを使ってみたんですけど、 やたら重くて使い物にならなかったので、僕は普通にFTPでアップするようにしてます。

ってことでプロジェクトローカルへのPEARのインストール方法。

Tags