typeface.jsで日本語を - Webと文字
Web製作者がクライアントのフォントレンダリングに手を加えることは今のところ出来ない。しかし、typeface.jsを使うとそれを擬似的に実現することができる。 typeface.js -- Rendering text with Javascript, <canvas>, and VML With typeface.js you can embed custom fonts in your web pages so you don't have to render text to images. 仕組みはこうである。使用するフォントのFontファイルより輪郭のベクターデータ、メトリクス、著作情報等を抜き出し、それをJSON形式にして、jsファイルに書き込む。使用したいhtmlでそれを読み込み、jsのレンダリングエンジンが、対象テキストから分解された文字をcanvasに描く。最後にcanv
Windowsでも文字綺麗にしたい その１ - Webと文字
1.文字の綺麗さ：Mac >> Windows 少し前にMacを買ったのですが、文字が綺麗で見ているだけでテンションが上がりますね。対するWindowsは…。XPでこれを改善するには下記のような点があります。 フォントをいじる：今回やります。 フォントを変える：MS系→ヒラギノ、メイリオ レンダリングを変える：gdi→gdi++派生系 (次回やるかも） 今回はMSゴシックとMS明朝で、ClearTypeを有効にするを参考にしながらMS系の文字にアンチエイリアスをかけてみたいと思います。 2.準備 上記の参考サイトは７年も前の記事なのでリンクが貼られているツールの幾つが消滅しています。そこで、ツールを自分で作ってみました。よければ利用してみて下さい。ただし、C#で作ったので.net framework 3.0以上が必要で、予期せぬバグが発生しても責任は負えません。 フォントの仕様に興味がない
OpenType/CFFの仕様の解説 - Webと文字
修正:2011/8/15 タイトル変更と加筆、修正。間違っている箇所が複数存在しました。ここにお詫びを申し上げます。 今回の記事は、拙作のTTF/OTF Reader ver 0.75.1aと合わせて読んでいただくと、理解が早いかと思われます。 OpenType/CFFとは 1990年にリリースされたフォント仕様TrueTypeはAdobeのPostScriptフォントに対抗して，MicrosoftとAppleが共同して策定をしたという歴史を持つ（参考資料1）． その後継仕様として策定されたOpenTypeは，上記3社（Adobe，Microsoft，Apple）によって合議され，1997年にリリースされた（参考資料1）．これにより，PostScript形式によるグリフ表現とTrueTypeにおけるグリフ表現を同一のフォント形式で表すことが可能になった．正し，その実態はTrueTypeにP
JSとcanvasで縦組みエンジンを作ろう（ ・∀・） その1 - Webと文字
○|￣|＿ ＜編集中に記事が消えました…サンプルのみです。 サンプル 青空文庫から宮沢賢治、「グスコーブドリの伝記」をサンプルに選びました（参考資料１）。IE、FireFox、Chrome、Safariで見れると思います。マウスホイールで拡大、縮小が出来ます。 サンプル：グスコーブドリの伝記 参考資料 宮沢賢治 グスコーブドリの伝記 追記：2010/5/17,24 縦組 文字を縦に組み上げることを縦組といいます。以下の資料が詳しいです。 日本語組版処理の要件（日本語版） この文書は，CSS，SVGおよびXSL-FOなどの技術で実現が求められる一般的な日本語組版の要件を記述したものです．この文書は，主としてJIS X 4051（日本語組版規則）に基づいていますが，一部，JIS X 4051に記載されていない事項にも言及しています． 日本語組版では文字は正方形の外枠を持ちます。 これはバウンデ
はいはい縦書き縦書き・・・・・ッ！？ - Webと文字
”縦書き”ってどうやるの？ 調べてみました。 エセ縦書き 【縦書き文庫】はじめに(管理人) 下に載っているのは全部エセ縦書きです。 縦書きサイト普及委員会 やっていることは いな 新 いん ,─--.､ 言と ﾉ从ハ从 ス 葉聞 .ﾘ ´∀｀§ かこ X＿@X レ ｜え U|_____|U ｜の ∪ ∪ ! ! と同じです。横向きを無理やり縦に見せてるわけですね。これを改善するには以下が焦点となります。 センターラインからのズレ 横向きと縦向きで形が違う文字 ex)「」ー これをfreetypeとtypeface.jsで改善して見ます。 ズレを直す そもそもの問題として、フォントによって縦書き出来るかどうかが分かれます。縦書きが可能なフォントには、縦書きした時のグリフ位置情報（縦書き用メトリクス）が含まれています。 このようなフォ
ベクター→ビットマップ - Webと文字
白黒はっきりつける程度の能力 ／＼___ |ヽ. , '"::|l 閻 l|::::::｀ヽ.／| |:::::＼'::::,.r-y-y-､___／:::::/ |::_r'ｧ'-'::￣i:::::::i::::｀ｰヽ二＜] [＞r'7:::/::ヽ!､ﾊ::::ﾊ_;!::ｨﾊ:::::Y::Yﾄ､ Y:::::|:ﾊｱ;ﾆ; ﾚ' ,ｱ;ﾆ;ヽ!ハ|:::::| iヽ. ／/ﾚﾍﾚi ! !_r! !_r! ﾉ|::ﾄ､|:::| ＼〉 |__|/ く|:::|" "|:::|ｿ::::;ｲ |::i＞､ ￣ ,.イ|::|ﾍ:::::::| ゝｲ_;!ｨ｀7二T＜､!_|::ﾊﾍ/ ,' .Y/::::｀T´::::::7ゝヽ.! .〈 /i::::::::Ф:::::::::|l 〉 ,' ｀ ﾊ::::::::Ф:::::::::7 ´ ',
アスキーアートはどうあるべきか - Webと文字
２ちゃんねる等に投稿されるアスキーアート（以下単にAA）。それを集めたり、印刷したり、改変したりするのは自由なのだろうか。この根本的な疑問に答えられなかった為、AAのおかれている状況を整理してみた。 ∧＿∧ ( ´･ω･) みなさん、お茶が入りましたよ・・・・。 ( つ旦O と＿)＿) 旦旦旦旦旦旦旦旦旦旦旦旦旦旦旦旦旦旦旦旦 １．はじめに AAは文字を使って書かれる絵であるが、ここでは文字列であることを排除して完全な絵として扱う。この絵に対して著作権がどう関係するかが、今回の調査の主眼である。 AAになる対象は様々で、アニメのトレースからオリジナルキャラクターと背景の組み合わせまで幅広い。今回はAAの種類を２〜５に分類して、それらの二次創作物がどの様に扱われるのかを調査した。 ２.明確な著作権が存在する想像上のキャラクター . / * ／:.:.:.;.:.:.:.:.:.:.:｀ヽ
C++でWindowsのIMEを作ろう( ﾟ∀ﾟ) その5 - Webと文字
1.前回 第１回目：C++でWindowsのIMEを作ろう( ﾟ∀ﾟ) その１ - Webと文字 前回：C++でWindowsのIMEを作ろう( ﾟ∀ﾟ) その４ - Webと文字 前回は表示属性の作成とそれをレンジへの適用する方法についてやりました。今回はレンジの下に候補ウィンドウ（CandidateWindow）を表示させる方法です。 2.サンプル 参考資料１のCandidateList.zipがそれです。以下の画像の用にコンポジションの下にウィンドウが出るサンプルです。 3.その前に… ずいぶんと久しぶりなのでおさらいをします。 IME（テキストサービス）の核はDLL。それをregsvr32コマンドでOSに登録して使用する。登録を抹消するには-uオプションを付ける。IMEのDLLはCOMと呼ばれる仕組みで作られる必要がある。COMとは必要とされるインターフェースを実装して機能を作って
どうして…こうなった？ - Webと文字
印刷 先日モノクロレーザープリンタを貰った。折角なので何かを印刷してみようと思い、アスキーアート*1を印刷してみた。だが結果は燦々たるものだった。 上の画像はブラウザより印刷したものをスキャナでコピーしたもの（HTML印刷）、画面をキャプチャしたもの（キャプチャ）、その画像をペイントから印刷したものをスキャナで対比させたもの（画像印刷）である。キャプチャと画像印刷は対比写真画像では分からないが全くおなじになった。一方でHTML印刷は・・・明らかにおかしい。具体的には赤丸で囲った箇所の線が太くなっている。 拡大（というよりこれが元サイズ）するとはっきりわかる。線が太い。 (ヽ、００ ∩ ⊂ニ、ﾆ⊃ ⊂ ⊃ ,, -‐- ＼ | |／⌒ヽ 〇 〇 （ ⊂ニニ / ／⌒) ） ｀ｰ――'′ し∪ （ノ ＿＿＿ / ||￣￣|| ∧＿∧ |.....||＿＿|| （ ＾ω＾；）
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
更新再開 - Webと文字
麻雀待ち判定 - Webと文字