示例：HTML5 API

该示例项目包含各种已配置的 HTML5 控件。在联机模式下，HTML5 控件的功能很容易识别。

这些控件仅用于演示目的。这就是为什么它们看起来很简单。

HTML5 演示按钮

该控件显示如何通过 HTML5 控件评估鼠标操作并通过输入配置将其转发给 IEC。您可以执行配置的输入事件 OnMouseDown， OnMouseUp，以及 OnMouseMove。

HTML5 演示组合框

此控件显示如何在组合框中使用 IEC 枚举。该示例说明如何查询类型信息 (getTypeDesc) 来自变量。它还显示了如何传输和使用颜色和字体。

HTML5 演示图片

此控件显示如何在 HTML5 控件中使用图像。

HTML5 演示表

此控件显示如何在 HTML5 控件中显示和修改 IEC 阵列。数据以优化的方式传输。仅传输特定区域。此解决方案也适用于具有许多行的较大数组。您可以更改表中单元格的值，从而更改数组变量的值。

HTML5 演示表没有滚动范围

此控件显示如何在 HTML5 控件中显示和修改 IEC 阵列。当数组中的值发生变化时，将传输整个数组。您可以更改单元格的值，从而更改数组变量的值。

HTML5 演示文本字段

此控件显示如何双向（读/写）处理不同类型的 IEC 标量值。

HTML5 演示甜甜圈计

此控件显示如何在 d3 库中使用 HTML5 元素。框架区域的可变大小直接通过宽度和高度传递。它由一个显示屏和一个用于拖动的按钮组成。

HTML5 演示条形计

此控件显示如何在 d3 库中使用 HTML5 元素。框架区域的可变大小直接通过宽度和高度传递。将显示一个可编辑的条形元素。