Skip to main content

画像ファイルの表示

HTML5 コントロールから画像にアクセスするには、次のオプションを使用できます。

参照

説明

参照されているJavaScriptコードからの静的画像追加ファイル

画像はHTML5コントロールエディタで参照され、一般的なタブの追加ファイル分野。

スクリプトコードでは、実際のファイル名はAPI「CDSWebVisuAccess.getAdditionalFile「」。その後、代わりに画像をコントロールに統合することができます。

JavaScriptコードからの静的画像Data URI

このメカニズムを使用すると、対応するファイルに画像を直接埋め込むことができます。

イメージプールで管理されるイメージは、<image pool>.<image>

JavaScriptコードからの参照

要件: HTML5コントロールは、画像エディタータイプ。

スクリプトコードでは、実際のファイル名はAPIを使用して取得されます。CDSWebVisuAccess.getImagePoolFileName「」。

ユーザーは画像プールから画像のIDを次のように割り当てることができます。<image pool>.<image> HTML5 コントロールが Web サーバーから対応する画像を読み込むことができるようになります。

CSSスタイル内で画像を参照するにはData URI

画像をCSSスタイルシートに埋め込む場合は、Data URI

例:

/* using an incomplete URI to save space*/
p{
    background-image: url("data:image/png;base64,iVBORw0KGg...QmCC");
    background-repeat: repeat;
}