background-svg

十字繋ぎ

表示形式    

サイズと向き

  • 縦横比の維持
  •   
  •   
  •  px
  •  
  •   
  •  px
  •  
  •   
  •   回転
  •   
  • 鏡像
  •  
  •  
  •  
  •  

  

  • 面の色
  •   
  • 面透過
  • 面の反転
  •     

背景色  

  • 背景の色
  •   

  

  • 線の色
  •   
  • 線透過
  • 線の幅
  • 線の位置
  •   
  •    

全体

  • 全透過

色の操作

  • 値:  
  •  
  • リンク
  • 赤の操作
  • 緑の操作
  • 青の操作

Information

項目をクリックするとここにヘルプが表示されます。


svgコード  byte  svgダウンロード

cssコード


コメント

十字繋ぎです。
単純な十字の繰り返しなんですけど、リピートできる矩形にするのは色々考える必要がありました。ちょっと面倒でした。
画像データというものは矩形であり、cssのリピートは単純な敷き詰めです。background-repeatに絡めて壁紙群の指定とかできたらいいなとよく思います。まぁsvgならinkscapeでやればいいんですが。