JavaScriptで作られたSVG背景パターン作成ツール・「Dynamic SVG Background Pattern Maker」

Ads

Dynamic SVG Background Pattern Maker


Dynamic SVG Background Pattern MakerはSVG製の背景パターンを作成出来るツールです。JavaScriptで作られたシンプルなものになりますがそれ故に工夫次第で面白いパターンも作れそうですね。基本的には<>circle<>要素で構成されていて、半径やラインの厚み、円同士の間隔、円の色(円の背景はCSSで変更可能です。)を用いてパターン化、Base64にエンコードしているみたいです。サイズ変更で遠藤氏が重なる事でユニークなパターンの作成も可能となっています。色はツートーンとなってしまいますが、まぁこれはこれで。

Dynamic SVG Background Pattern Maker