Zeu.js 是一個 JavaScript 庫,其中包含一系列預構建的視覺化元件,用於構建實時 TV 儀表板,監控 UI 和物聯網Web介面。
安裝
From dist
<script src="zeu.min.js"></script>
複製程式碼
使用教程
快速建立一個文字儀表盤
<!-- Include zeu.js. -->
<script src="zeu.min.js"></script>
<!-- Create a canvas. -->
<canvas id="text-meter" width="200" height="100"></canvas>
<script>
// Create a Zeu TextMeter.
var textMeter = new zeu.TextMeter('text-meter');
// Update display and percentage value.
textMeter.displayValue = 'ZEU';
textMeter.value = 50;
</script>
複製程式碼
![文字儀表盤](https://i.iter01.com/images/8dcee2c6f0ff7be6a4e85793139f218db461239fdd3bad806a2befae051ac649.gif)
就是那麼簡單!
更多元件展示
![My Command Center](https://i.iter01.com/images/74c90a2478fbf869a0b624400c97627ab1ee46bd933fec1731f8badb12246b37.gif)
文件
開發
From source
npm run build
複製程式碼