html/javascript：<img>タグに実際の画像が必要な場合はありますか？

私は何かのために単一ファイルのHTMLテストケースを作ろうとしています+テストケースの一部にIMGタグが含まれています。外部画像を参照することなく、1x1ピクセル画像を（HTMLで静的にまたはJavascriptで動的に）インライン展開する方法はありますか？html/javascript：<img>タグに実際の画像が必要な場合はありますか？

これは簡単な方法であれば、このテストケースを管理しやすくなります。

出典

2012-02-10 Jason S

画像を使用するよりも良い方法があります。 1x1イメージを持つ最終目標は何ですか？ –

''を試しましたか？あなたがここで何を達成しようとしているのかは分かりません。前の例がうまくいかない場合は、ペイントやその他のグラフィックスプログラムを開き、1x1ピクセルイメージを作成します。 – Jrod

あなたはSVG画像をインライン化することができますData URI Scheme

出典

2012-02-10 18:11:43 Konerak

ああ、クール - 私はこれを読んでいると思いましたが、。 –

これは1ピクセルpngのデータURIです。データ：画像/ PNG; base64で、iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVR42mNgAAIAAAUAAen63NgAAAAASUVORK5CYII = – caleb

@caleb、そのようなことのためのオンライン・エンコーダはありますか？どのように素早くdataURIを生成するのですか？ –

はい、それは非常に簡単です：

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAAXNSR0IArs4c6QAAAAxJREFUCNdj+P//PwAF/gL+3MxZ5wAAAABJRU5ErkJggg==" />

出典

2012-02-10 18:11:24 zzzzBov

おっと、ちょうどあなたが実際の '1x1'画像を望んでいることに気がつきました。データURLを生成している間にホールドしてください... – zzzzBov

私の知る限りを用いて画像データを埋め込むことができます。これを確認してください：https://developer.mozilla.org/en/SVG_In_HTML_Introduction

出典

2012-02-10 18:16:16

html/javascript：<img>タグに実際の画像が必要な場合はありますか？

答えて

関連する問題