HTML5だからこそ。仕事&求人ジョブボード掲載、料金についてヘルプMOONGIFTについてヘルプTwitter(MOONGIFT)Facebook(MOONGIFT)新規登録ID/PWでログインTwitterでログインFacebookでログインマイページ現在のポイントポイント購入ログアウトITエンジニア/デザイナ向けにオープンソースを毎日紹介HTML5だからこそ。WaxはCanvasタグを使ってJavaScriptで幾何学模様を描くライブラリ。WaxはJavaScript製のオープンソース・ソフトウェア。HTML5が本格化する中で、見逃せない機能の一つがCanvasタグだ。実験的な試みが色々行われているが、これまでFlashで行っていたような操作がJavaScriptだけで実現できるようにさえなっている。デモ1これまでグラフィックスを描こうと思うとFlashを使うか、画像を作成するかのどちらかしか選択肢がなかった。Canvasを使えばクライアントサイドでレンダリングができるようになる。WaxはJavaScriptを使って幾何学模様を簡単に描くことができるライブラリだ。デモとして四角やその四角を回転させて描く図形が紹介されている。Waxを使ってCanvas上に描かれたものだ。デモ2さらにギアのような形が回転しながら広がっていく図、フラクタル画像を描くデモもある。Waxを使えばそれほど長くないコードで描けるようになっている。Web上でシステムと連携した幾何学模様を描くような場合にはぜひ使ってみたいライブラリだ。デモ3(プレミアム限定)[/s2If]MOONGIFTはこう見る通常の画像と異なり、JavaScriptのパラメータを変更するだけで描画内容をその場で変更できるのがCanvasの魅力だろう。サーバサイドとも異なるので、フォントがクライアントサイドにあるものを使って奇麗に描けるのも良い。Canvas自体はベクターベースなので、細かい線はもとより拡大しても奇麗なままなのも魅力だ。幾何学模様のような細かく整然とした線が求められる場合には特に有効だろう。License,ライブラリ,HTML5,CanvasMOONGIFTの関連記事${article.post_title}{{/each}}もっと見るコメントプレミアムでしか読めない記事が719あります。blockworks。