Animate ve QR Code

Animate (CSS/SVG Animasyon)

Animate, koşula göre CSS animation veya SVG SMIL animasyonunu başlatır/durdurur. Dönme, titreşim, pulse, yanıp sönme gibi görsel efektler için kullanılır.

Kullanım

Alan	Değer
Type	Animate
Uygun SVG Öğeleri	`<g>`, `<path>`, `<circle>`
Expression Type	Tag (Boolean), Expression

SVG + CSS Örneği — Dönen Fan

<style>
  @keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
  }
  .spinning { animation: spin 1s linear infinite; transform-origin: center; }
</style>

<g id="fan_blades" transform="translate(100,100)">
  <line x1="-30" y1="0" x2="30" y2="0" stroke="#333" stroke-width="4"/>
  <line x1="0" y1="-30" x2="0" y2="30" stroke="#333" stroke-width="4"/>
  <line x1="-21" y1="-21" x2="21" y2="21" stroke="#333" stroke-width="4"/>
  <line x1="21" y1="-21" x2="-21" y2="21" stroke="#333" stroke-width="4"/>
</g>

Expression: Fan_Running (Tag, Boolean)

true → fan_blades’e .spinning class eklenir → fan döner
false → class kaldırılır → fan durur

QRCodeGeneration (QR Kod Oluşturma)

QRCodeGeneration, değişken değerinden veya metinden QR kod oluşturur.

Alan	Değer
Type	QRCodeGeneration
Expression Type	Expression, Text

// Cihaz bilgilerini QR koda çevir
var sn = ins.getVariableValue("Serial_Number").value;
return "https://inscada.com/device/" + sn;

Kullanım: Cihaz kimlik kodu, bakım formu URL’si, envanter etiketi.