TypeSelect - Javascript-based Selectable Typefaces



JavaScriptによって動的にアンチエイリアス化＆選択してコピーも可能な仕組み「TypeSelect」のご紹介。
以前、JavaScript を使い、Canvasを使ってアンチエイリアスがかかった綺麗な文字にする typeface.js という仕組み紹介しました。



これにより、文字は簡単に綺麗になったのですが、テキストのコピーペーストが出来ないという問題がありました。


選択してコピーしても文字にはならない。

TypeSelect なら、１文字ごとに選択することが可能で、コピーすることも出来ます。


綺麗にレンダリングされた文字を選択している図

内部的にはtypeface.jsを使っているみたいですが、なかなか凄いハックですね。

関連エントリ

• テキストを動的にアンチエイリアスがかった綺麗な画像にする仕組み色々