CamanJS – Gradient Plugin

Merhaba arkadaşlar, Python > Ctypes serisinden bu yana oldukça zaman geçtiğinin bende farkındayım. Yoğunluk sebebiyle Python’un diğer modüllerine vakit ayırıp sizlere paylaşımda bulunamıyorum. Yaza doğru farklı bir Python modülü ile seri anlatımlara tekrardan başlayacağım.

CamanJS, HTML5 ile birlikte gelen Canvas özelliğini kullanarak geliştirilen bir resim manipülasyon (image manipulation) kütüphanesidir. Kullanırken farkettiğim ve eksikliğini sezdiğim fotoğraf düzenleme programlarında sıkça kullandığımız gradient özelliğini, şimdilik Linear   Linear & Radial tipinde CamanJS kütüphanesine bir eklenti olarak github üzerinde az önce yayınladım.

İlk sürümde bazı eksiklikler mevcut bende farkındayım sınav haftasında olduğumda. Bir kaç hafta yeni güncelleme malesef gelmeyecek.

Kullanımı yukarda olduğu gibi oldukça basit. Parametreleri açıkladığımda çok daha iyi anlayacağınızdan eminim;

  • pos: Gradient’in başlangıç renginin soldan sağa ya da tam tersi veya aşağıdan yukarı ya da tam tersi şeklinde oluşacağını belirtir. Veri tipi string. Aldığı değerler; left, right, top, bottom
    • left: soldan sağa
    • right: sağdan sola
    • top: yukarıdan aşağı
    • bottom: aşağıdan yukarı
  • main: Oluşturulan gradient haritasının karıştırma modunu (blend mode) ve opaklığını (opacity) ayarlamayı sağlar.
    • type: Veri tipi string ve aldığı değerler, liner ve radial.
    • blend: CamanJS içerisinde bulunan blenders ve sizin/3. parti olarak eklenen karıştırma modlarını dahil eder. Veri tipi string
    • opacity: 0-100 arasında opaklık değeridir. Veri tipi integer
    • rotate: Gradient’in başlangıç renginin soldan sağa ya da tam tersi veya aşağıdan yukarı ya da tam tersi şeklinde oluşacağını belirtir. Linear gradient için veri tipi string ve integer. Aldığı değerler; left, right, top, bottom. 0-360 arası derece.
      Eğer type radial ise; rotate özelliğini nesne olarak kullanmamız gerekecek. Özellikleri; innerX, innerY, outerX, outerY ve bu özelliklerin değerleri ise 0-100 arasındadır.
  • gmap: Renkleri, renklerin opaklığını ve renklerin konumunu tutan nesnesel listedir.

    • color: Hex tipinde renk kodu. Örnek: #FF0000
    • opacity: 0.0-1.0 arasında opaklık derecesini belirtir. Fotoğraf efeklerinde 1.0 da kalmasını tavsiye ediyorum.
    • location: Rengin bulunduğu konumu belirtir. Veri tipi integer. 0.0-1.0 arası değerler alabilir.

Bir örnekle CamanJS Gradient Eklentimizi sonlandıralım.

CamanJS Linear Gradient Plugin Orginal Image

Sonuç;

CamanJS Linear Gradient Plugin Gradient Affected Image

CamanJS Gradient Plugin Github Sayfası

 

Yakında görüşmek üzere…

Leave a Reply

Your email address will not be published. Required fields are marked *