Archive for 2012/10/4

HTML5のCanvasを使って、上のような付箋をはったようなボード表示を作ってみた。
(この程度ならば、HTMLとCSSをつかって出来そうな気もするが・・・)

さて、実装にはCanvas用のライブラリにはEaselJSをつかっているのだが、

実は、ちょっと面倒だなーと思った点が、テキストの表示です。

縦、横の最大を決めて、それにあうように自動的に改行と、自動的に多すぎる文字を省略するということが必要になるのですが、
そのような処理は自作する必要があります。
文字サイズを計算しながら、横のサイズを超えたら自動的に改行と言うようにして、
一応、日本語ならばうまく動くようなクラスをEaselJSのTextを継承して作ってはみたのですが、
英語だと単語の途中で改行してしまうのです。
(あー、言語ってむずかしい・・・めんどうだ・・・)

もし、実際に動いているところを確認してみたい方は、こちらのデモから見てみてください。

どうやってみればいいかと言えば、
ログインしたら、チケットの一覧から、「ログアウトボタン」の下の付箋がならんでるみたいなアイコンをクリックしてください。
リスト表示されている一覧をそのまま、表示を変えるようにしています。

お仕事のご依頼・相談
この記事に関連するお仕事のご依頼やご相談をお待ちしております。 詳しくは、こちら
ソフトウェア&ライブラリ




ライブラリ
airxmail(en)
AIR版メール送受信ライブラリ
airxzip
AIR版ZIP圧縮・解凍ライブラリ
執筆書籍
本、雑誌等

WEB記事:CodeZine
執筆記事はこちら
カレンダー
2012年10月
« 9月   11月 »
1234567
891011121314
15161718192021
22232425262728
293031  

カスタム検索
RSS
Add to Google < !–adsense–>
アーカイブ
カテゴリ
にほんブログ村 IT技術ブログへ