STERFIELD
開発ナレッジ2012.03.20

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

HTML5のCANVASで、円グラフジェネレーターを作ってみた。
/demo/hoshino/02/

1. ページ上部でキャンバスの大きさを設定
※デフォルトは画面サイズ
2. 左サイドで項目を編集
3. ページ上部でフォントサイズや背景色を調整
4. 左サイドパブリッシュボタンで設定を反映

その後、ソースをダウンロードするか、埋め込みタグを取得できます。
よろしければ自由に使って下さい。

ソースを埋め込む場合、HTML5で構築されたページでないと表示されないのでご注意を。
ちなみに上記の円グラフはソースをダウンロードしてiframeで読み込んでいます。

WRITER

hoshino

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

この著者の記事を見る

CONTACT

記事の内容について
相談したい方へ

実際の進め方は、状況を伺ってからご提案します。

2営業日以内にご返信します
資料ダウンロード無料相談に申し込む