気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
文字をJavaScriptで画像のようにレンダリングする·typeface.js MOONGIFT
74 users
www.moongift.jp
www.moongift.jp
www.moongift.jp
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
Webサイトを見ていると、文字を画像に置き換えたサイトを見ることがある。思い描いている見せ方をそのま... Webサイトを見ていると、文字を画像に置き換えたサイトを見ることがある。思い描いている見せ方をそのまま表示させたいときなど、デザインを重視するサイトでよく見られる工夫だ。しかし問題はそのメンテナンス性の悪さだろう。 奇麗に文字が表示されるようになる それに適切に説明文を入れておかないと文字読み上げブラウザなどでは何も情報が得られなくなってしまう。そうした煩雑さから解放されるライブラリがこれだ。 今回紹介するオープンソース・ソフトウェアはtypeface.js、文字をSVG画像に変換するJavaScriptライブラリだ。 typeface.jsは指定した文字をそのままcanvasタグを使ったSVG画像に変換する。CSSを使って文字装飾を行うことができ、太字/イタリック/色変更を変更できる。他にもfont-stretch（横幅）、文字間隔、行の高さなどを指定することが可能だ。 選択すると文字全
www.moongift.jp
www.moongift.jp
www.moongift.jp
www.moongift.jp
www.47news.jp
www.nikkan-gendai.com
anond.hatelabo.jp
togetter.com
www.city.kurobe.toyama.jp
togetter.com
togetter.com
anond.hatelabo.jp
togetter.com
www.koshikakeol.com
business.nikkei.com
jp.reuters.com
zentaku.hatenadiary.org
wikiwiki.jp
2008/11/14 リンク