Blog

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

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

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

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

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

Author Profile

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

越境ECの最新情報

越境EC関連の記事

月から探す

ページTOPへ