Canvasでストライプ画像を手軽に作れる「cicadaJS」 | Web活メモ帳サイトの背景や、ちょっとしたアクセントに使えそうだったのでご紹介。 要素をストライプで装飾してくれるようになります。 カラフルな見た目で華やかになりますね。 色や帯の幅は調整可能ですよ。 使い方 まずは、Canvasを描画するオブジェクトを指定します。 var cancan = document.getElementById('stripes'); 次に、ストライプのカラーと帯の幅を指定します。 cancan.cicada([ { width:53, color: [ 'rgba(239, 234, 211, 0.5)', 'rgba(191, 169, 124, 0.5)' ], alignment: 'middle' }, { width: 37, color: 'rgba(145, 0, 42, 0.5)', alignment: 'left' }, { width: 29, col
