javascript - 1像素Gif作为新的测量工具？ o_O BLANK_IMAGE_URL 是做什么用的？

Question

我正在阅读 ExtJs documantaion.. 有一个 BLANK_IMAGE_URL 属性...... documantation 说它是一个链接到 1 像素透明 Gif，允许 corect 测量......

我如何通过 1 像素 Gif 来测量某些东西？为什么它很重要？

PS:或者这可能是 ExtJs 开发人员的一个大笑话……你知道的……“哈哈!又一个白痴设置了 BLANK_IMAGE_URL，真是个白痴!” :)

Answer 1

ExtJS 2 和 3 的安装指南建议您自己托管图像，而在 ExtJS 4 中，图像甚至已被替换为数据 uri 方案 (data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)，因此它很可能不是跟踪图像，而是实际上是用来衡量的。

(尚未完成)ExtJS 4 docs给出更好的解释:

URL to a 1x1 transparent gif image used by Ext to create inline icons with CSS background images. In older versions of IE, this defaults to "http://extjs.com/s.gif" and you should change this to a URL on your server. For other browsers it uses an inline data URL

例如，这在 setIconCls 函数中使用。里面有一个<img>标签是使用 Ext.DomHelper 创建的，它将此 BLANK_IMAGE_URL 作为 src 并将实际图标作为背景。这样，比使用 <div> 更容易缩放、测量和放置尺寸。或 <span>并在整个空间内 float 或定位它以获得正确的尺寸。

// Ext.Panel.setIconClass
setIconClass : function(cls){
    // Snip ...
    Ext.DomHelper.insertBefore(hdspan.dom, {
        tag:'img', 
        alt: '', 
        src: Ext.BLANK_IMAGE_URL, 
        cls:'x-panel-inline-icon '+cls
    });
    // Snip ...
}