1

我想知道 open laszlo 是否具有数据 uri 功能。下面的示例将显示一个红点,其中红点是图像,base64 数据被传递给它。有可能做这样的事情吗?

示例如下

<div>
    <p>Taken from wikpedia</p>
    <img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
    9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" />
</div>
4

1 回答 1

2

您指的是RFC 2397中指定的数据 URL 。OpenLaszlo 不支持该功能,无论如何它只与 DHTML 应用程序相关。对于 SWF 运行时,可以将图像作为静态资源编译成 SWF 文件,从而增加文件大小并减少发送到服务器所需的请求数。

内联图像也有大小限制。根据上述 RFC,浏览器只需要支持长度不超过 1,024 字节的 URL。然而,浏览器在他们将接受的内容方面更加自由。Opera 将数据 URL 限制为大约 4,100 个字符。Firefox 支持最大 100K 的数据 URL,这意味着您应该只将该技术用于中小型图像。

尽管 OpenLaszlo 不支持数据 URL,但有一个类似的 - 在我看来 - 更强大的选项可用。为您添加为静态资源的图像自动生成CSS 精灵。当您选择“使用主精灵”编译选项时,OpenLaszlo 编译器将创建一个包含所有这些静态资源的 PNG 精灵映射。

OpenLaszlo DHTML 运行时“使用主精灵”编译选项

这是 OpenLaszlo 天气小部件的主精灵 PNG 的示例。浏览器不必发出多个请求来下载单个图像,而只需发出一个请求。

OpenLaszlo 天气演示由 OpenLaszlo 编译器生成的 CSS 精灵

于 2012-08-22T09:36:46.003 回答