示例：HTML5 API

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

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

HTML5DemoButton

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

HTML5DemoCombobox

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

HTML5DemoImage

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

HTML5DemoResize

此控件显示如何使用以下功能 WebVisu-Support.js 调整其大小和 Z 顺序。此功能可用于实现与其他元素重叠的元素，例如，这种情况可能出现在下拉列表中。

HTML5DemoTable

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

HTML5DemoTableNoScrollRange

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

HTML5DemoTextfield

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

HTML5DemoDonutGauge

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

HTML5DemoBarGauge

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