Little Strange Software

スマホアプリの開発を行う LittleStrangeSoftware のブログです。

【CSS+SVG】タイルパターン生成ツール

f:id:little_strange:20210509230300p:plain

線の色 背景色 

点の位置



線の太さ

サイズ

 


こんな模様になります^^


 

 

 

 

使い方

「模様変更」ボタンを押すと、サンプルの模様が変化します。

 

「点の位置」の4つのスライダーを調節するか「ランダムに設定」ボタンを押す事でも模様が変化します。

 

「模様変更」ボタンは点の繋ぎ方を変更し、「点の位置」は繋ぐ対象である点の位置を変更するものです。

 

他に「線の太さ」「サイズ」を変更する事もできます。

 

「線の色」「背景色」で配色を変更できるので、雰囲気を大きく変える事ができますね。

 

お気に入りの模様ができたところで、その下にある「コード」の内容をコピーし、HTML中に貼り付ける事で使用できます^^

 

このツールは、【作りかけ】タイルパターン生成の完成版です!