html/javascript：有沒有什麼辦法可以使<img>標籤不需要實際的圖像？

我試圖做一個單一文件的HTML測試用例+部分測試用例涉及IMG標籤;有什麼方法可以內嵌1x1像素圖像（靜態地在HTML中或動態地通過Javascript）而不必參考外部圖像？html/javascript：有沒有什麼辦法可以使<img>標籤不需要實際的圖像？

這不是一個大問題，但如果有一個簡單的方法來做到這一點，它會讓我更容易管理這個測試案例。

來源

2012-02-10 Jason S

可能比使用圖像更好。擁有1x1圖像的最終目標是什麼？ – 2012-02-10 18:13:18

你試過''嗎？不太確定你想在這裏完成什麼。如果前面的示例不起作用，請打開油漆或任何其他圖形程序並創建一個1x1像素的圖像。 – Jrod 2012-02-10 18:13:19

您可以使用Data URI Scheme

來源

2012-02-10 18:11:43 Konerak

啊，很酷 - 我以爲我記得讀過這個，但不知道去哪裏尋找或尋找什麼。 – 2012-02-10 18:15:07

這是1個像素png的dataURI。數據：圖像/ PNG; BASE64，iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVR42mNgAAIAAAUAAen63NgAAAAASUVORK5CYII = – caleb 2012-02-10 18:17:28

@caleb，是有這樣的事情在線編碼器？如何快速生成dataURI？ – 2012-02-10 18:21:17

是的，這是非常簡單的：

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

來源

2012-02-10 18:11:24 zzzzBov

哎呀，剛剛意識到你想要一個實際的'1x1'圖像，堅持，而我生成的數據url ... – zzzzBov 2012-02-10 18:12:01

據我所知，你可以聯SVG圖像嵌入圖像數據。選中此項：https://developer.mozilla.org/en/SVG_In_HTML_Introduction

來源

2012-02-10 18:16:16

html/javascript：有沒有什麼辦法可以使<img>標籤不需要實際的圖像？

回答

相關問題