<canvas>要素を用いて、ビジュアルで効果的なサイトを作ることが可能です。

【応用例】

• 画像効果
• グラフ表示
• 案内図(路線図)
• アニメーション
• ゲーム

など

またJavascriptライブラリもプラグインの形で多く公開されています。
以下はその一部を紹介致します。

イメージ画像にぼかし、モザイク、セピア、オーバーレイなどの様々な効果エフェクトを加えることが出来ます。

【Javascriptライブラリ例】

PaintbrushJS

フィルター効果は、Blur、Greyscale、Mosaic、Noise、Posterize、Sepia、Tintといった7種類のエフェクトが用意されています。

元画像

利用例(ぼかし)

利用例(モザイク)

【Javascriptライブラリ例】

折れ線グラフ

データの折れ線グラフ表示を行うライブラリです。

円グラフ

データの円グラフ表示を行うライブラリです。

横棒グラフ

データの横棒グラフ表示を行うライブラリです。