コニファ・ロゴ

csstest:jQueryとHTML5のCanvasを使って、ダミー画像ジェネレータ

テスト環境などで、まだ画像が用意されていないときや作り直していて存在しないとき、画像のリンク切れ表示が出てしまいます。あまり気分のよいものではないので、ダミーの画像を仮に入れておきますが、これをPhotoshopなどでわざわざ作っていてはけっこうな手間になります。そんなとき、ブラウザ上でサクッと作成できるジェネレータが重宝します。

次の各種パラメータが決定したら[ダミー画像作成]ボタンをクリックします。ボタンの下に初期の値で表示されている画像(上からCanvas画像、jpeg画像、png画像の順)に変更が反映されます。jpeg画像とpng画像はデスクトップへドラッグするなどして保存、利用できます。

 

横サイズ:
 px
縦サイズ:
 px
文字の色:
文字のシャドー:
 シャドーのサイズ: px
X方向オフセット:  px Y方向オフセット:  px
背景色:
ボーダー:
px
globalAlpha:
 [ 0.0(完全に透明)から1.0(透明度なし)]
テキスト:
(テキストカスタマイズ)
フォントサイズ:
 px
フォントファミリー:
フォント形状:
ウィンドウの色:
  

 

 

 

戻るボタン