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

2020/04/08 12 users コリス SVG 軽量スクリプト スクリプト ダミー画像

ダミー画像を作成するのは面倒ですよね。ローカル環境でもオンライン環境でもダミー画像を簡単に生成できる軽量スクリプトを紹介します。 画像を用意する必要はありません。 簡単なコードで、SVGのダミー画像を利用できます。サイズ・カラーは自由にカスタマイズでき、文字入力やダミー画像用のクロス線にも対応していま... 続きを読む

画像のプレースホルダを生成してくれるJSライブラリ「Holder.js」:phpspot開発日誌

2012/07/27 36 users プレースホルダ クライアントサイド canvas サーバ 画像

Holder.js - client side image placeholders 画像のプレースホルダを生成してくれるJSライブラリ「Holder.js」 <img src="holder.js/300x200"> と書くとcanvasを使い、指定したサイズの画像をクライアントサイドで描画してもらえるというもの。 JSなのでサーバ不要でオフラインでも作業できます。 こうした画像をよく使う方は、... 続きを読む

[JS]ローカル環境でも利用できるダミー画像を生成するスクリプト -Holder.js | コリス

2012/06/21 64 users コリス Scheme canvas スクリプト ダミー画像

サイズやカラーをテキストで指定するだけで簡単にダミー画像を生成できる超軽量（4KB）のスクリプトを紹介します。 Holder.jsのデモ Holder.jsの使い方 Holder.jsのデモ 対応ブラウザ Holder.jsはcanvasとdata URI schemeを使用しているため、下記のブラウザでご覧ください。 Chrome 1+ Firefox 3+ Safari 4+ Internet... 続きを読む