Skip to main content

HTML5 コントロールの開発

. 全般的
  • HTML5 コントロールを表示することができます のみ Web ビジュアライゼーションで (CODESYS WebVisu)。

    HTML5コントロールを使用したビジュアライゼーションをで実行する必要がある場合 CODESYS TargetVisu たとえば、警告が発行されます。 HTML5コントロールはそこに表示されません。

  • HTML5コントロールを使用するには、オーバーレイ機能が有効になっている必要があります。

    したがって、Visualization Managerで、 クライアントアニメーションとネイティブ要素のオーバーレイをサポートする オプション。それ以外の場合は、エラーが発行されます。

    詳細については、次を参照してください。 Visualization Manager

ヒント

HTML5 コントロールを開発して使用するときは、「セキュリティ」のトピックに注意してください。詳しくは、以下を参照してください

例:HTML5-API

テンプレートとしてのデモコントロール

HTML5 API サンプルをコンピューターにダウンロードします。次に、デモではエレメントラッパーを使ってコントロールします JavaScript ご利用いただけます。

のコピーを使用することをお勧めします ElementWrapper.js HTML5 の例をテンプレートとして使用し、HTML5 コントロールに名前と機能を適合させます。

詳細については、「」を参照してください。 例:HTML5-API

サンプルページには、HTML5コントロールに関する詳細情報があり、サンプルプロジェクトをダウンロードできます。JavaScript ファイルのコンテンツ ElementWrapper.js 特に役に立ちます。