5 Kasım 2013, Salı

Tuval Bootcamp 2 - Dolgu Ve Kontur Stilleri Rengi Degrade Desen Eğitimi

Bu ikinci egzersiz hap rağmen kaplama olacak ve kontur stilleri bizim kampüste bizim hapları ve darbelere uygulayabilirsiniz biz içinde bıraktığı aynı kodla devam edeceğiz bir numara egzersiz ve biz sadece burada olan tüm stil kaldırıldı edeceğiz daha kendimize başka bir yorum poppin Ben bu şekilde sizi yere Bu yorumu koymak tüm farklı görebilirsiniz için kullanabileceğiniz değerleri sizin Size fatura tarzı gibi standart bir renk kullanabilirsiniz Sadece kelime mavi, yeşil, pembe yazarsanız CSS türü değerleri onaltılık renk değerlerini kullanabilirsiniz ve başka bir renk değeri CSS ku

llanabilirsiniz yazın kırmızı, yeşil, mavi RGBA denir olan ve alfa, kırmızı, yeşil ve mavi spektrum ayarlayabilirsiniz bakın istediğiniz herhangi bir renk ve daha sonra olmuştur isteğe bağlı alfa ayarını almak için Eğer

gibi biz degrade ve desen varsa opak yapabilir olmak degrade kendini açıklayıcı hizmet veren ve bir degrade oluşturmak Tuval üzerine ve ardından desen sen koymak için izin verecek Bir nesnenin içindek

“Ders Kodu: http://www.developphp.com/video/JavaScript/Fill-and-Stroke-Styles-Color-Gradient-Pattern Bu ikinci uygulamada bizim tuval üzerine dolgu ve kontur biz d...”
Adam Khoury

i görüntü desenlerini tekrarlayan Bir dolgu yüzden Phils stil oluşturmak izin olarak onun ben hiç CTX Phil tarzı eşit yeşil koyarak olduğunu Daha sonra en dikdörtgen CTX nokta yapalım Phil recht ve yutturmaca ile XY tedarik edecek Bir fuar 100 geniş pozisyonu ve 100 koymak ve Bach 150 piksel genişliğinde ve 150 piksel yüksek yapacak ve gibi kullanabilirsiniz dedi onaltılık renk yüzden herhangi bir onaltılık renk ama size kutusu stili olacak

Tuval Bootcamp 2 - Dolgu Ve Kontur Stilleri Rengi Degrade Desen Eğitimi Resim 1 Tuval Bootcamp 2 - Dolgu Ve Kontur Stilleri Rengi Degrade Desen Eğitimi Resim 2 Tuval Bootcamp 2 - Dolgu Ve Kontur Stilleri Rengi Degrade Desen Eğitimi Resim 3 Tuval Bootcamp 2 - Dolgu Ve Kontur Stilleri Rengi Degrade Desen Eğitimi Resim 4

hissediyorum olacak orada atmak istiyorum kullanarak bu renk haline CSS türü değerleri biz de bu RGBA yakala işlevi doğru yere koymak ve bekletin kırmızı, yeşil ve mavi 20 0 0 ve 21'inde için şimdi koyarsanız Burada yeşil 200 için ben tam bir yeşil alırsınız Ben opacity için ne ise şimdi kutu 2.5 şimdi sen benim kutu artık çünkü yeşil tür naneli görünüyor görürsünüz onun yarısı pic bir ekip yol yol aşağı donukluk çekmek için bir noktaya koymak şimdi bir şey tasarı arkasında etrafında slayt işte bu yüzden nasıl kullan

acağımı biliyorum sona erdi neden arkasında görülen mümkün olacak RGBA Tamam değerler o nasıl onun adıyla bir yaka kullanmayı gösterir, böylece Metin ondalık renk veya RGBA renk Şimdi hızlı gerçek yüzden CTX tot yazın kontur stili hakkında konuşalım inme tarzı sadece bu eşit yapmaz Kırmızı şimdi bu ne yapacağı inme etkiler olduğunu biz bir vuruş verirsem bir dikdörtgen yüzden yazabilirsiniz Haftasonu aslında bu phil recht hattı kopyalayın o put inme altında biz inme doğru yöntemi kullanmak için gidiyoruz harap tekrar şimdi biz almalısınız kutunun etrafında bir vuruş koymak yeşil kutu etrafında Reg inme ve en koyalım geri RGBA üzerinde biri donukluk kırmızı kamyon ile yeşil kutu almak Eğer o inme koymak önce uyum etkileyecek istiyorsanız ve sadece can CTX nokta koymak ve hat çizgi stilleri daha fazla olacak Bir sonraki egzersizde ama ben istiyorum size gerçek hızlı göstermek ama yapabilir Bu vuruş için 10 hat 10 piksel genişliğinde olmak istiyorsanız Bunu bakarsanız bu yüzden güzel bir düşüş felç olduğunda Akılda tutulması gereken önemli olduğunu da dolgu tarzı özellikleri ve vuruş Ben özellikleri verilebilir olacak tüm değerleri bu tür çok değil sadece stil doldurabilirsiniz içinde degrade var desen senin Kontur stili için ve tüm bu diğer seçenekler hem de ben geçişlerini ile ilgilenen yerinde başka yorumunu koymak numarayı şimdi biz tür degrade olduğunu hangi değerleri görebilirsiniz yöntem gerektiren doğrusal degrade oluşturmak X başlangıç ​​konumunu koymak dört değerleri gerektirir Y başlangıç ​​konumu konumunu bitiş ex ve Y degrade ekran konumunu biten Ben yerinde koymak o hat almak degrade almak var g1 burada her şeyin bayan adı üstünde Birden fazla degrade karar verirseniz bu yüzden bir sonraki degrade adlandırabilirsiniz g2 böylece degrade 1 görüntü G birinde bu ilki Şimdi ben şimdi ne yapacağım bir kutu benim phil Recht çekiyor olacak 80 0 genişliğinde 200 olmak 200 merhaba benim inme yapalım sıfır konumdan başlayarak bu boyutlar onlarca benim kutuları maç Ben benim degrade başlangıç ​​yapmak ediyorum neden şimdi dönemi pozisyonunu eksonları Neden sıfır pozisyon X ve bunu yapmak 200 make de sonu ve fuar kadar geniş bir konum 0 sona erdi Şimdi her zaman altına Eğer koymak zorunda gradyan ile çalışabilir için renk yüzden durur biz add renk durağı yöntemini kullanın iç çamaşırı yazmak için ben g1 başlatmak gradyan tek değişkenli Ben eklenti renk durağı değilim İki kez G, bir değişkene ben bu yüzden sadece bir g1 Renk ilk parametre durdurmak eklemek 0 Bu degrade için başlangıç ​​pozisyonu ve bitiş pozisyon degrade a1 2.5 O an ne demek istediğimi sana göstereceğim merkezi olacağını ve sonra yapmamız gereken tüm g1 alıp yerine Phil tarzı uygulamak olduğunu arasında herhangi bir renk veya ne olursa olsun sadece büyük gradyan biz hap tarzı G-biri olarak doğrusal degrade Şimdi en biz gider bir degrade var ve bu yüzden ne olsun bakalım Şimdi yazmak için soldan başka eklemek yapmak için gidiyoruz Renk bu iki mevcut olanları ben de koymak kulüpler merkezinde durağı 0,5 Eğer 0.5 koyabilirsiniz ve bu orta gradyan olan hedef alacaktır ve bu sarı ve burada nerede bu renk kullanıyorum yapacak isimler de hekzan RGB 0 yerine değil testiyle bu bir sarı olsun görebilirsiniz kısmı şimdi macenta var benim degrade eklenen merkezde doğrudan sarı ve siyah sonra büyük bir% eh Bu gibi birçok renk olarak ihtiyacınız durur ekleyebilirsiniz nasıl çalıştığını bkz Bir degrade içinde şimdi ben bu götürsem X Anna bir bitiş konuma sahip pozisyon biten ve neden 200 Burada Bu degrade testi ile yukarıdan aşağıya doğru yani gitmek yapacak gradyan şimdi ben aslında benim kutu ne taşırsanız yukarıdan aşağıya doğru gidiyor ben bunu ben 100'de koyarsanız 800 pozisyon var nerede görmek 100 bu yüzden beni de orada benim inme etsinler şimdi sen şimdi Yahudi degrade görebilirsiniz ne olsun bakmak Sıfır X belirlenir ve Sıfır neden kampüs ve değil eleman size bir dolgu iki vererek o nesne vardır böylece böylece degrade doğru konumda almak için bu hesaba zorunda Ben bu değişebilir Burada 100 gidebilir 300 20 ve sonra sadece biten fuar içinde benim degrade let it olmayacak Ben istediğim gibi kadar size konumlandırma geçişlerini tür sizin kutuları veya elemanı ile haberleşmek için vardır ya istediğin nesnenin konumunu doldurmak öğe o kutu paketi 0 pozisyon koymak levrek inme ve Phil sayı sıfıra geri bu koymak var Geri 200 miso için kaçırmak bize degrade vermek Geri sol üst köşede ve şimdi benim kampüs biraz daha büyük yapmak bu yüzden en tarafından 700 geniş yapalım orada başka bir kutuyu koyabilirsiniz 500 merhaba Alice sadece tüm bu kodu kapmak Sabah bu ruh hali içinde yapıştırılan yolunda altındaki g2 değiştirildi her yerde g1 g2 bakın değiştirildi tüm bu ikinci degrade oluşturmak Bu bir yeşil Kontur stili sağ orada yapımcıları az bana renklerini değiştirmek için birazcık çizgi yapmak turuncu, pembe döngü gibi bir şey ne zaman bir pozisyon kutusu 250 bir sergi y konumu 0 ve 15.000 $ inme aynı şey Biz ilk olarak bir degrade aynı pozisyonları tutarsanız görürsünüz Biz beklenmedik sonuçlar almak ve tüm testi bu ve biz degrade alamadım tarayıcı CC lehine O kutuda biz çünkü konumlandırılmış değil gerekir gibi kampüsünde sol üst köşesinde bu yüzden nereye sığacak şekilde bu degrade konumlandırmak zorunda Bu kutular bu yüzden hesaba kadar bu numaraları ayarlamak gerekir Vitesse pozisyon yeni bir kutu için bu şimdi turuncu mavi pembe giden bir degrade olsun İkinci kutu içinde harika konumlandırma göreli olmak zorunda olduğunu Eğer doldurma konum ne olursa olsun şey kutuları veya olmak zorunda Şimdi hızlı bir şekilde nasıl çalıştığını radyal degradeler göstermek onun pozisyonuna göre bu yüzden olacak, farklı bir biri için bu G iki değişkeni üzerine ve bu G oluşturmak radyal degrade kullanarak iki değişken yöntem burada üst bir yorum takacağım Bu bu bir sadece size o için gereken tüm parametreleri gösterir eklemek senin başlangıç ​​yarıçapı sonsuz yarıçap için yarıçapı değerleri yani X & Y a hemen hemen aynı anlama Daha sonra doğrusal degrade olarak biz bu değerlerin üçünü konum ve bitiş yarıçapı neden biten biten X başlayan pozisyonlarda peşine Bu 1 Sadece iki renk duraklarını kullanarak ve benim dikdörtgen konumlandırma ediyorum Ben sadece bir süre önce ikinci 1i ana dal vardı aynı pozisyonda böylece CDC sahip olanlar bir var radyal degrade şimdi macenta başlıyor Ben bu sarı eklemek olsaydı ve isterim siyah gider 0,5 pozisyonunda kuyunun 2G2 olarak renk durağı Bu g2'nin değiştirmek için renk durağını ekleyin nokta orta pozisyonda ve degrade biz sarı eklemek edeceksin tamam böylece bakım doğrusal ve radyal degradeler alır şimdi yapacağız oluştururken tartışmak olduğunuz desen siz ile gitmek iyi olmalıdır doldurur her şey hakkında bilmeniz gereken bar çok üst% uh komut olarak işlev çizmek dışında çok stilleri dolgu ve kontur yapacağız put değil Yapacağımız bar deri eşit olun Bu yeni bir resim nesnesi görüntüleri önyükleyebilir nasıl Javascript sonra bu yüzden deri yazacaktır tanımlanan var Kullanmak istediğiniz görüntüye yoluna eşit nokta kaynak ve mayın almaya .jp deri denir Bunu ben ne olursa olsun PNG, GIF, bazı kullanabilirsiniz benim Deri değişken ve bir görüntü nesne örneği var ve onun zaten ayarlanmış kaynağını yüzden bu tabure altında serin vardır Birkaç varsa eğer çok pin bar desen bunu P tek adlandırabilir vardır desen CTX eşit oluşturmak nokta Desen yakın parantez açmak işemek bir dava Macias Şimdi parantez birim içinde o iki parametreyi beslemek İlk parametre bir sanatçı olarak adlandırılan deri nesne görüntüye olduğunu Bu ayarlamak için gidiyoruz kendi am yoluyla tekrar gidiyor benim küçük resim var tekrar Hangi X & Y yüzden sadece tekrarını koyabilirsiniz tekrar olacak Ayrıca tekrar X repeat neden kullanabilirsiniz Sadece CSS eserleri gibi CTX Phil tarzı alacağım Ben doldurdu desen koymak için gidiyorum kadar yerine degrade bu çok altında tamam benim sonraki dikdörtgen bir sonraki Ben dikdörtgen ve çevresinde bir inme koymak için gidiyorum şimdi ben istiyorum ben degrade kulakları var neden sen kullanabilirsiniz you guys göstermektedir Bir ben, bu yeni dikdörtgen için 20 ile benim hattı yapımı Ben yapabilirsiniz gösteren kulüpler g1 seviyorum onu ​​vuruş verdi Eğer inme istediğiniz degrade veya desen kullanarak Eğer kutuları etrafında sınırında yalan yönlü herhangi bir konturlar veya satırları şekiller Şimdi bu dikdörtgen 0 fuar eklendi yerleştirilmesi İlk kutusunun altında 250 y konumu olacaksınız 200 piksel genişliğinde yine 200 piksel yüksek olacak Onun yirmi inme tarzı ile çizgi ben degrade biriyim Eğer büyük bir takım, benim inme degrade kazandı yapabilirsiniz Biz test etmeden önce hemen ben eskisi gibi o dikdörtgenin etrafında oluyor bu bana izin sana ne olduğunu göstermek Sadece bir 48 gibi deri ücretli görünüyor atlatmak 48 Jay pag arka plan deseni tekrarlayarak ve sadece 48 piksel 48 piksel şimdi en biz bu hale ne olsun bakalım Bir tarayıcı orada o radyum birini görebilirsiniz şimdi gitmek inme gradyanı olarak uygulanmıştır Bu kutu, bu dikdörtgen ve hava desen verildi Phil var böylece Eğer doğrusal gradyanlar radyal degradeler gösterir ve desen türü hissediyor üzerinde doldurur ve vuruş dolgu ve kontur stilleri egzersiz tamamlar tamam Bir egzersiz üç numaralı biz çizgi stillerini mücadele için gidiyoruz.

Açıklama

Ders Kodu: http://www.developphp.com/video/JavaScript/Fill-and-Stroke-Styles-Color-Gradient-Pattern Bu ikinci uygulamada bizim tuval üzerine dolgu ve kontur biz doldurur için uygulayabileceğiniz stilleri ve vuruşları kapsayan olacaktır. , Desen doldurur ve renk ayarları degrade dolgular oluşturma hakkında bilgi edinin.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

Adam Khoury

Adam Khoury

Profesyonel bir online bedava gibi kod ve tasarım öğrenin. JavaScript, PHP, SQL, HTML, CSS, ActionScript ve daha fazlası gibi usta geliştirme teknolojileri. Tüm videoları http://www.developphp.com daha iyi organize olan

YORUMLAR



9.8/10

  • 79
    Olumlu
  • 1
    Olumsuz
  • 5
    Yorum
  • 7607
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Android Police

    Android Poli

    21 NİSAN 2010
  • eurotuner

    eurotuner

    6 Mart 2006
  • Kurtindo Pop Games

    Kurtindo Pop

    2 HAZİRAN 2013

ANKET



Bu sayfa işinize yaradı mı?