HTML5 Canvas で縦書き対応してみた | TM Life
表題の通り, HTML5 Canvas で縦書き対応してみました. 友人からずっと『tmlib.js で縦書き対応してくれ〜』って言われていたのですが, 自分が使う機会がなかったので実装渋ってました. ごめんなさい. 割とサクッとやれたので解説がてらサンプル載せておきます. tmlib.js は次のバージョン(0.1.6)から対応版リリース予定です. 近々リリースします!! Table of contents HTML5 Canvas 縦書きデモ HTML5 Canvas 縦書きする方法 HTML5 Canvas 縦書きデモ up HTML5 Canvas 縦書きする方法 縦書き描画の実装は下記のコードになります. tategakiという関数を実装しています.(ローマ字でごめんなさい, 良い感じの名前が思いつかなかったのでw) var tategaki = function(context
CSS3で遊ぼう！縦書きにルビを振ってみたり〜！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
お早うございます！デザイナーの王です。 直感ですが、本を読む時、僕は縦書のほうが読みやすいのです。実際、人間の視野って、上下のほうが狭いそうなので、それだけ集中して文字を追いやすいと思います。何より、指でなぞりやすいのがいいｗｗ アルファベット表記が混在する場合は別ですが、基本的に縦書が好きです。 今回はタイトルの通り、ルビ付きの縦書の実装方法を紹介したいと思います。 以下は実際にWeb上で表示されたもののスクリーンショットです。 驚愕の事実！実はIEはバージョン5.5から実装されてました！ 縦書を指定する際に用いるCSS3「writing-mode」というモジュールは、な‥なんと！IE5.5から実装されてました！今はすっかり嫌われ者とされているあのIEは当時では最先端ですね！ 長い間、IE独自実装のため、新参のWeb屋にはあまり知られていない機能ではないでしょうか。 勿論、CSS3の「w
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
