PI Visionで角度を表示するため、コンパスを表示したい場合があります。

たとえば風向きを表示したり、人、車、ものなどの現在の向きを表示したりする場合です。

 

Canvas Gaugeのライブラリを見つけたので、PI Visionで表示してみました。

GitHub - Mikhus/canvas-gauges: HTML5 Canvas Gauge (Camvas Gaugesのライブラリ)

PI Visionで表示するコンパスゲージのコードは以下にあります。

GitHub - kenji0711/CompassGaugeCustomSymbol: PI Vision 2017 custom symbol. It can show compass. the value should be from…

tagの値が0-360であればその数字をもとに角度が表示できます。

是非利用してみてコメントいただければ幸いです。

 

利用方法:

%PIHOME64%\PIVision\Scripts\app\editor\symbols\extに以下をコピーします。

sym-compassgauge.js

sym-compassgauge-config.html

sym-compassgauge-template.html

さらにext\librariesに以下をコピーします。

fonts.css

gauge.min.js

ext\Iconsに以下をコピーします。

compass.svg