SVG görsel

Yaklaşık 2 dk okuma

TwInlineSvg · Kategori: Medya

Ayarlar

Bu ayarlar widget seçiliyken sağ özellikler panelinde yer alır. Varsayılan değer, widget sayfaya ilk eklendiğindeki değerdir.

Ayar	Tip	Varsayılan	Açıklama
Dikey Renklendirme Seviyesi verticalTintLevel	Sayı	100	Renklendirilen alanın yüksekliği (%), alttan doldurulur (0–100, varsayılan 100).
Yatay Renklendirme Seviyesi horizontalTintLevel	Sayı	100	Renklendirilen alanın genişliği (%), soldan doldurulur (0–100, varsayılan 100).
Kaynak src	Dosya	./uploads/scada/img/empty_image.svg	Sayfaya satır içi eklenen SVG dosyası; böylece parçaları renklendirilebilir ve değiştirilebilir.
Kaynağı Dönüştür transformSource	Kod	—	SVG parçalarını değiştiren JSON kural listesi: selector (#id veya .class), attr (ör. fill, stroke, opacity, display) ve value ya da proses değerine göre seçilen whenTrue/whenFalse.
Yüklenirken Koru keepDuringLoading	Onay kutusu	Açık	Yeni kaynak yüklenirken önceki resmi göstermeye devam eder.
Renklendirme Rengi tintColor	Renk	—	Resmin üzerine uygulanan renk; boşsa renklendirme kapalıdır.
Enable Flashing enableFlashing	Onay kutusu	Kapalı	Bileşeni yanıp söndürür (saniyede bir saydamlık darbesi). Genellikle bir alarm koşuluna bağlanır.
Log Button logButton	Onay kutusu	Kapalı	Çalışma zamanında bileşenin üzerine gelince bir grafik ikonu gösterir; tıklanınca bileşene bağlı Tag'ler log Tag listesine eklenir.

Bağlantılar

Özellikler panelinin İlişkiler (Binding) bölümünde, Direct bağlantıda bir Tag bu widget'ın aşağıdaki özelliklerine bağlanabilir. Bağlantı tipleri (Direct, IntRange, FloatRange, Boolean, Bit) tüm widget'larda aynıdır; açıklamaları Widget Referansı sayfasındadır.

title, visible, authorization, x, y, width, height, rotation, class, foregroundColor, backgroundColor, borderColor, borderStyle, borderWidth, borderRadius, borderTopLeftRadius, borderTopRightRadius, enableFlashing, logButton, to.type, src, transformSource, keepDuringLoading, tintColor, verticalTintLevel, horizontalTintLevel

Ortak bölümler

Bu widget seçiliyken özellikler panelinde şu ortak bölümler de görünür: Genel, Yerleşim, Görünüm, Yönlendirme (To), İlişkiler (Binding). Bu bölümler Sayfa Editörü sayfasında anlatılır.