地味に便利！ダミー画像をSVGで生成するスクリプト、ローカルでもオンライン環境でも利用できる -holder.js

ダミー画像を作成するのは面倒ですよね。ローカル環境でもオンライン環境でもダミー画像を簡単に生成できる軽量スクリプトを紹介します。 画像を用意する必要はありません。 簡単なコードで、SVGのダミー画像を利用できます。サイズ・カラーは自由にカスタマイズでき、文字入力やダミー画像用のクロス線にも対応しています。 さらに、レスポンシブ用の流体ダミー画像も生成できる優れものです！ holder.js holder.js -GitHub holder.jsの特徴 holder.jsのデモ holder.jsの使い方 holder.jsの特徴 holder.jsはダミー画像をクライアントサイドで生成するスクリプトです。ローカル環境でもオンライン環境でも利用できます。サイズ・カラー・フォントのカスタマイズにも対応しており、ダミー画像はSVGもしくはCanvasで生成されます。 MITライセンスで、個人でも

[coliss]

画像は必要なし、ダミー画像をSVGで生成するスクリプト。

[kanehama]

ただ単にimg.srcのパスを見てholder.jsから始まっている場合は、SVGへ置き換えているだけかな。

[a-kuma3]

色つけて文字書くだけだったらSVGを覚えちゃった方が早い気がするけど...

[t_motooka]

imgのsrcでjs動かせたのか、知らなかった。なお、この仕組みだと「本番で低解像度ラスタ画像を置いちゃってジャギーが」みたいなののテストにならない点には注意、かな。

[gayou]

興味深い