HTML5 CANVAS 円グラフジェネレーター

HTML5のCANVASで、円グラフジェネレーターを作ってみた。
/demo/hoshino/02/
1. ページ上部でキャンバスの大きさを設定
※デフォルトは画面サイズ
2. 左サイドで項目を編集
3. ページ上部でフォントサイズや背景色を調整
4. 左サイドパブリッシュボタンで設定を反映
その後、ソースをダウンロードするか、埋め込みタグを取得できます。
よろしければ自由に使って下さい。
ソースを埋め込む場合、HTML5で構築されたページでないと表示されないのでご注意を。
ちなみに上記の円グラフはソースをダウンロードしてiframeで読み込んでいます。
Author Profile

HOSHINO
ECのことを中心に書きたいと思います。 ネタが無いときはプログラムやデザインのことも書きます。
SHARE