İçindekiler
farklı türleri vardır efektler ve dönüşümler tuval üzerine uygulanabilen bu, daha önce yalnızca flash ve diğer benzer araçlarda hayal edilebilecek görüntülerin üretilmesini sağlar.Bu efektler arasında, çizimlerimize dahil ettiğimiz çizimlere bir rahatlama vermemizi sağlayan gölgeler yaratmamız var. tuvalSonsuz tasarım olasılıkları üreten, bir öğeyi diğerinin üzerine bindirmemize izin veren şeffaflık efektleri de vardır.
gölgeler
Gölgeler, elementlerimize derinlik ve rölyef efekti vermemizi sağlar, tuval üzerinde bu gölgeleri elementlere dahil edebiliriz, bunun için, onlarla ne elde etmek istediğimize bağlı olarak onları özelleştirmemize izin veren aşağıdaki özelliklere sahibiz:
- gölgeBulanıklığı: Gölgenin keskinlik derecesini daha yüksek bir değere, daha az keskinliğe ve daha fazla dağılmasına ayarlar.
- gölgeRenk: Gölgenin rengini ayarlamanızı sağlar.
- shadowOffsetX: Gölgenin yatay çıkış noktasını ayarlar.
- shadowOffsetY: Gölgenin dikey düşme noktasını ayarlar.
Örnek Tarayıcınız öğeyi desteklemiyor tuval Bu örnekte, metin ve eğrinin yanı sıra bir dikdörtgene gölgeler uyguluyoruz, bunun tarayıcıda nasıl göründüğünü görelim:
Şeffaflığı sağlamak için iki yolumuz var, ilki rgba işlevi niteliklerde dolgu stili Y vuruş stili; sahip olduğumuz ikinci yol, çizim özelliğini kullanmaktır. küreselAlfa bu evrensel olarak geçerlidir.
Aşağıda en basit ve uygulaması en direkt olan ikinci formu kullanarak bir örnek görelim, kabul ettiği değerlerin altını çizelim. küreselAlfa NS tam şeffaflık için 0 Y 1 tamamen opak hale getirmek için, örnek durumunda, bize bir orta yol sağlayan bir değer olarak 0,5 kullanacağız:
Örnek Tarayıcınız öğeyi desteklemiyor tuval Gördüğümüz gibi, yaptığımız şey metnin üzerine bir dikdörtgen çizmekti ve sayesinde küreselAlfa çizilen iki figürü takdir etmemizi sağlayan şeffaflığın etkisini görüyoruz:
