Mambo – Html5 Tuval Rozet Oluşturma Eklentisi

Mambo - Html5 Tuval Rozet Oluşturma Eklentisi Mambo  eklentisi  Valerio Barrilà tarafından kolayca Html5  tuval rozetler  oluşturabilmek için geliştirilmiş bir jQuery eklentisidir. Daire  şeklinde  kullanabileceğiniz rozetler belirlediğiniz  yüzdelik orana  göre grafik  cart  görünümünde olup isterseniz başlık, başlık + yüzdelik oran  yada  sadece yüzdelik oran yazısı  görünebilecek  şekilde de  ayarlayabiliyorsunuz.

 

 

Seçenek Örnek Varsayılan Açıklamalar
percentage float 100 Yüzdelik  ayarlama
image string none Bir görüntü yolu belirtilirse etiketi dikkate alınmayacaktır.Görüntü rozeti uyan maksimum büyüklükte ölçeklendirilirecektir
label string none Teknik sınırlamalar  nedeniyle  maxximum 3 basamaklı karakterler  desteklenir sadece eğer daha büyük bir birim olarak ayarlarsanız  ne görüntü nede başlık görünteleyebilirsiniz. Bu şekilde sadece  yüzdelik oran görüntülenecektir.
labelColor string #FFF Metin rengi ayarlama. Girmiş olduğunuz  renk  kodu  tespit edilemezse varsayılan renk gözükecektir.
displayValue boolean true Yüzdelik oranın görüntülenip görüntülenmeyeceğini belirliyorsunuz  bu seçenek ile eğer  herhangi bir seçenek belirtmezseniz değer otomatik olarak gözükecektir.
circleColor float #F2AC29 Çemberin içini renkle  doldurmak için kullanılır
circleBorder float #FFF Çember sınırının  rengini değiştirmek için kullanılır
ringStyle string percentage Yüzdelik değer  için ‘percantage’ kullanılır. Tam çember için %100, yarım çember içinde %50 değerini kullanabilirsiniz. Eğer ‘full’ olarak ayarlarsanız  yüzdelik orana bakılmazsızın çember çizilir.
 ringColor string #F2762E Çember  hattının rengi.
ringBackground string #CCC Eğer ‘full’ olarak ayarlarsanız  çemberin geri kalan kısmı bu renkle  doldurulacaktır
drawShadow boolean false Rozet  kenarında  gölge  ayarlanması.