JavaScriptライブラリ

HTML5.JPオリジナルのJavaScriptライブラリを公開していきます。ご自由にライブラリをダウンロードして貴サイトにてご活用ください。

border-radius.js

border-radius.js は、class属性に値を追加するだけで、ブロックボックス要素の角を丸くするライトウェイトなJavaScriptライブラリーです。

CSSでborderとmarginを指定し、class属性に "html5jp-border-radius" を追加するだけで、角が丸くなります。JavaScriptのコードは一切必要ありません。また、このライブラリーは単独で動作するため、他のJavaScriptフレームワーク等を読み込む必要もありません。

デコレーションテーブル.js

デコレーションテーブル.jsは、class属性に値を追加するだけで、テーブルの通常行の背景色をストライプ状にし、各行をクリッカブルにするライトウェイトなライブラリーです。

getElementsByClassNameメソッド

このライブラリーは、HTML5で規定されている getElementsByClassName メソッドを組み込みます。このライブラリーを script 要素でロードするだけで、あたかもブラウザに getElementsByClassName メソッドが組み込まれていたかのように振舞います。

棒グラフ（垂直）

JavaScriptから棒グラフ（垂直）をcanvas要素に描画します。パラメータを指定することで、項目、色、凡例表示などお好みの棒グラフ（垂直）を柔軟に描画できます。

レーダーチャート

JavaScriptからレーダーチャートをcanvas要素に描画します。パラメータを指定することで、項目、色、凡例表示などお好みのレーダーチャートを柔軟に描画できます。

折線グラフ

JavaScriptから折線グラフをcanvas要素に描画します。パラメータを指定することで、項目、色、凡例表示などお好みの折線グラフを柔軟に描画できます。

円グラフ

JavaScriptから円グラフをcanvas要素に描画します。パラメータを指定することで、