パターンを切り替えるサンプル

お好きなパターン、背景色をクリックするとブラウザの壁紙が切り替わります。
LocalStorageに値を保存しているので、タブを閉じたり、リロードしても選択したパターンが再現されます。

SVGのパターンはこちらのサイトからお借りしました。気になったパターンは以下サイトからダウンロードしてください。

http://www.heropatterns.com/

▼ラジオボタンみたいに1つの要素だけ選択する方法について
解説記事を読む

▼ローカルストレージとプロキシの使い方について
解説記事を読む

パターンの種類

Hideout

Charlie-Brown

YYY

Piano-Man

Pie-Factory

Connections

パターン
なし

パターンの色

背景色