html / javascript：有没有办法让<img/>标签不需要实际图像？

Question

我正在尝试为某些内容制作单个文件的HTML测试用例+部分测试用例涉及IMG标记;是否有任何方法可以内联1x1像素图像（静态HTML或动态通过Javascript），而无需引用外部图像？

这不是一个大问题，但如果有一个简单的方法可以做到这一点，那么我将更容易管理这个测试用例。

Answer 1

您可以使用Data URI Scheme

嵌入图像数据

Answer 2

是的，这很简单：

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

Answer 3

AFAIK你可以内联svg图像。检查一下：https://developer.mozilla.org/en/SVG_In_HTML_Introduction