1

openlaszloにデータ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

RFC2397で指定されているデータURLを参照しています。この機能はOpenLaszloではサポートされておらず、とにかくDHTMLアプリケーションにのみ関連します。SWFランタイムの場合、イメージを静的リソースとしてSWFファイルにコンパイルして、ファイルサイズを増やし、サーバーに送信するために必要な要求の数を減らすことができます。

インライン画像にもサイズ制限があります。上記のRFCによると、ブラウザは最大1,024バイトの長さのURLのみをサポートする必要があります。ただし、ブラウザは、受け入れるものに関してより寛大です。OperaはデータURLを約4,100文字に制限しています。Firefoxは最大100KのデータURLをサポートしています。つまり、この手法は中小規模の画像にのみ使用する必要があります。

OpenLaszloではデータURLはサポートされていませんが、同様の（そして私の目には）より強力なオプションが利用可能です。静的リソースとして追加した画像のCSSスプライトの自動生成。[マスタースプライトを使用する]コンパイルオプションを選択すると、OpenLaszloコンパイラーはこれらすべての静的リソースを含む1つのPNGスプライトマップを作成します。

OpenLaszloDHTMLランタイム'マスタースプライトを使用'コンパイルオプション

これは、OpenLaszlo天気ウィジェットのマスタースプライトPNGの例です。個々の画像をダウンロードするために複数のリクエストを行う代わりに、ブラウザは1つのリクエストを行うだけです。

OpenLaszloコンパイラによって生成されたOpenLaszlo天気デモCSSスプライト

于 2012-08-22T09:36:46.003 に答える