İçeriğe geç

Color

Color, bir nesnenin rengini değere göre değiştirir. Çalışan/duran motoru yeşil/gri göstermek, sıcaklık eşiği aşınca kırmızıya çevirmek, vana konumunu renklendirmek — hepsi bu tiple yapılır.

Her SVG nesnesinde kullanılabilir.

Color formu — Switch kipi

KipNe zaman
ExpressionsRengi kod yazarak hesaplarsınız; ifade bir renk kodu döndürür
SwitchDeğeri renge eşleyen bir tablo doldurursunuz — kod yazmadan
TetraAlarmın dört durumuna dört renk verirsiniz

Çoğu ekran için Switch yeterlidir.

AlanAçıklama
VariableOkunacak değişken
Default ColorHiçbir koşul tutmadığında kullanılacak renk. Transparent bırakılırsa nesnenin kendi rengi korunur
Value BitSelf değerin tamamını alır; bir bit indeksi seçilirse o word’ün yalnız o biti okunur
Gradient · Gradient Min · Gradient MaxRenk geçişi kullanılacaksa aralığın sınırları

Her satır bir karşılaştırma, bir değer ve uygulanacak renkten oluşur:

ConditionValueColors
=0gri
=1yeşil
>80kırmızı

Satırlar sırayla değerlendirilir, ilk tutan uygulanır. Hiçbiri tutmazsa Default Color kullanılır.

Gradient işaretlendiğinde renk iki eşik arasında kademesiz geçer. Sıcaklık, doluluk, yük gibi sürekli değişen büyüklüklerde eşikli renk sıçraması yerine yumuşak bir geçiş verir. Aralığın uçları Gradient Min ve Gradient Max ile belirlenir.

Bir alarmın dört durumuna dört ayrı renk atar. Alarm göstergelerinde kullanılır; hangi durumun hangi rengi alacağı kurum genelinde sabit kalsın isteniyorsa her ekranda koşul tablosu yazmaktan kurtarır.

Alarm durumunu bir nesnede göstermenin diğer yolu AlarmIndication tipidir. Aradaki fark, Color’ın nesnenin kendi rengini değiştirmesi, AlarmIndication’ın ise ayrı bir gösterge çizmesidir.

Bağlama varsayılan olarak nesnenin dolgu rengini (fill) değiştirir. Bir çizginin veya çerçevenin rengini sürmek istiyorsanız kenar rengi (stroke) hedeflenir; bu, bağlamanın props alanından seçilir.