Elementの背景に様々な色の市松模様を設定するためのクラス

Web制作

• canvas
• JavaScript
• ライブラリ

概要

HTML中のElementの背景に様々な色の市松模様を設定するためのクラス。
各行列の色の種類と数を自由に設定可能。

仕組み

1. 指定要素と同サイズのキャンバスを作成。
2. 入力された色配列に従ってキャンバスを塗る。
3. キャンバスのDataURLを取得し、指定要素のbackground-imageに設定する。

入手先

bg-color-checkered.js

DEMO

共通CSS

DEMO1

DEMO2

DEMO3

DEMO4