27 HAZİRAN 2014, Cuma

Html 5 Öğreticiler #18 - Svg Kullanarak

Hey biz bahsediyoruz olabilir Cisco aşk sevgi tut en ve bugün olmadan SVG ve HTML ve şu anda SPG kullanmıyor iseniz büyük bir teknoloji artık, çünkü sen-meli Yapmanız sağlar ne SPG kullanımı vektör grafikleri ve HTML bu görüntüleri olarak kullanabilirsiniz sadece tarafından sadece SVG dosyasında bırakarak ya da tam SVG kodu yazabilirsiniz o aslında sadece basit HTML olduğu gibi XML ve belki derecelendirmek istediğiniz Knockin elle SPG ama belki düzenleyebilirsiniz zaten var ve aslında can olduğunuzu olmaz bir şey ve yaptığım ve vurgulu devletlerle şeyler temel CSS kullanarak ya

pmak Bu önümüzdeki iki videolar olacak almak vardı boyunca böylece SVG kontrol etmek logosu seviye yukarı ihracat Fiji sonra biz bırakın gidiyoruz sen bunu bir arka plan resmi ve sonra biz gidiyoruz gibi bir gör

üntü gösterisi olarak al bunu SBD kod satırı aslında böylece Belgeniz ve animasyon gibi şeyler yapmak ve durumları seyretmeye gidiyoruz Biz lotta SVG geliyor kadar kapalı lazım check it out bu yüzden tem

“Bugün projelerinizde vektör grafikler için SVG kullanmaya başlayabilirsiniz öğrenin! Ekstra özellikler için Pro Up Düzeyine abone olun! http://leveluptuts.com/le...”
LevelUpTuts

el ticaret için gidiyoruz başlamak için ancak şekil logosu burada bir vektör araçları da kullanarak Ben başka bir vektör tasvir eden sen erişebilirsiniz kroki kullanarak yaşıyorum araçlar ancak büyük olasılıkla bu yüzden devam edebilirsiniz SPG olarak ihraç etmek mümkün olacak ve yapabileceğiniz burada tabii ki bir daire oluşturmak ne olursa olsun Eğer sınırına yakın isterim şekil ve sadece var bu olabilir Temel mavi renk tüm güzel merkezli olduğundan emi

Html 5 Öğreticiler #18 - Svg Kullanarak Resim 1 Html 5 Öğreticiler #18 - Svg Kullanarak Resim 2 Html 5 Öğreticiler #18 - Svg Kullanarak Resim 3 Html 5 Öğreticiler #18 - Svg Kullanarak Resim 4

n olmak için gidiyorum ve her şey ve ben de kepçe yaşıyorum ve bir kaç dikdörtgen yapmak yapmak bir döndürülmüş tartışma ve sonra biz gidiyoruz Bu dairenin geçen var Sana bu hale oldu Buraya onlar ölçek bu olabilir belki biraz ilginç ve bu bilgileri Aşağı dikdörtgen ve geçmekte olan bizim daire Sadece bu ikisi olduğundan emin olmak için söyleyebilirim böyle Şimdi ben hafif bunlar gidiyorum doğru hizalanmış ve bunların farkını almak bu yüzden burada bir şekle sahip olduğunu aslında olmaz Burada şeffaf bir merkezi var

Jesse SS ile oluşturmak kolay ve biz bazı ilginç şekiller bakarak var bu yüzden SPG olarak bu ihracat izin zamanlama kullanarak biz sadece bu özel tabaka ihraç ederek bunu yapabilirsiniz Bize SB GM için bir seçenek sunar ve en Ver'i edelim Şimdi ihracat süreç biraz farklı olabilir her platform ancak ihracat SPG için hızlı bir Google araması yapmak durumunda O ihracat aynı olmalıdır uygulamasından Illustrator şey analistler sadece biçimini değiştirmek SVG katılıyorum bu nedenle bu logo şüphe SDG Sadece başlık let Ben bir resim klasörüne bu saklıyorum Biz Susie Izgara Framework ile çalışıyoruz bir site Bu site var bilmek zorunda değilsiniz Adam dedi Bunu bırakın ve herhangi bir HTML belgesi yapabilirsiniz Yani burada biz bir ad etiketi var mı ama biz bir başlık var mıydı Birisi bir başlık yapmak ve sadece SBG burada içine atmak Şimdi en kolay yolu, bir RSP G atmak normalde bir görüntü olurdu gibi yani sadece görüntüde bildirmek için daha sonra Burada almak görüntüyü etiketli ve kaynak mg Şimdi yapmamız gereken tüm konuma geçmek için SPG ve oğulları BG gibidir bar bizim görüntü dizine kaydedilir logosunu çizgi olduğunu SPG Bunu kaydetmek eğer sonra tüm şu biz şimdi tamam gerek en Bizim tarayıcı ve yenileme ve gelmesine izin hiç çaba ile biz burada görüntü bu görüntü so tam boyutunu Ben kroki Bu yapıldığı zaman biz bunu dışa zaman olduğu gibi bir 128 128 tarafından gösteriyor kullanarak piksel kampüs ama faydalarından biri BG bunun olmasıdır vardır Bu resmin üzerine geliyorsa bir vektör nedenle bu check out ve biz sadece bir say ve işte 300 ve 300 nefret bir bu tasarruf ve şimdi yardım var yenileme hayır var ne kadar büyük görünüyor bu SPG bakmak dev versiyonu bulanık kenarları biz yaparsak aslında güzel pürüzsüz hatları var Philly tarayıcınızda size komut kişiler bu şeyin üzerinde yakınlaştırma ve Eğer alıyoruz net çizgiler bu vektör görüntü gibi çünkü Kullanmak ki başka vektör görüntü yüzden var Bu SPG kadar awesomeness bu büyük olması gerekmez olduğunu büyük bir harika Eski görüntü dosyası küçük Fiji dosyaları olabilir ve yeterli veri ve varsa onlar böyle Bu mükemmel keskin şekiller logolar için mükemmel Creed aslında bir SPG kullanarak nerede onun web sitesine seviye yukarı çek enfekte Web sitemizde logosu tamam böylece sen de orada olabilir bildirerek onların başını değiştirebilirsiniz Açıkçası gerekli görebilir ilan Herhalde tavsiye ederim ama bu SPD ile yapabileceğiniz hepsi bu değil ki ve CSS biz de bu nokta SVG dosyasını kullanabilirsiniz Bir arka plan görüntüsü yüzden go ahead ve eylem ben gidiyorum olduğunu görelim olarak başlıktan burada kaldırmak Şimdilik sadece basit bunu yorumlama Bir sadece bu yüzden biz bu işe yol am içinde yok bir arka plan görüntüsü Vücudumuzun artık bu olacak çünkü belli ki deli bakmak olduğunu Bir adam bir yinelenen ve malzeme ama sadece biz gideceğiz konum bir noktaya kanıtlamak zorunda önde ve bunu bu yüzden benim adamım CSS ben sadece gidiyorum Bu arka plan için de ben n / a olarak gidiyorum URL ve daha sonra hızı 10 resim URL'si vardır Aslında yol vardır burada biraz farklı, biz gitmek gibi ve ben yenilemek ve sadece bir şey gibi biz söylemek zorunda olabilir Bu da CSS biz fantezi bir şey yapmak zorunda SVG olduğunu ama tabii ki biz sadece biz Illustrator ve şimdi yaratılan bu görüntü aldı Bir tekrarlanabilir bir arka plan olarak kullanılan ediliyor Bu parlak ve SVG gibi en biz o bu mavi renk yaptım karar diyelim Ben ve burada üzgünüm biz zaten SPG yaptık iyi cevabı Hayır biz tekrar ihracat var Eğer temel metin kullanıyorsanız aslında SPG doğrudan gelebilir editör Eğer SVG dosyası tıklayabilirsiniz Size aslında size veren bir görüntü veren bir olay SPG XML ve böylece bu gerçekten Aslında bazı ekstra şeyler var önce herhangi bir şey benzer şimdiye kadar gördüğüm Burada biz bile silebilirsiniz ihtiyacınız yok gördüğünüz gibi ama biz bir yol var ve var Hatta tüm yolları ve tekrar konumu bizim için bir kimlik verir Eğer biz bile bu kimliği kullanarak daha sonra göreceğiz olan iki Bu stil ve bir dolgu rengi var görebilirsiniz şimdi biz değiştirirseniz belki gibi başka bir şey için dolgu rengi olduğunu 33 3 Ben getting edildi koyu gri SPG şimdi bu sadece Büyük şeyler için buzdağının ucu BG olarak bunu yapabilirsiniz ve sonraki bir video biz nasıl bu yangın ile daha fazla çalışmak olacak gösterisi size konum Hatta CSS ile SPG değiştirmek için yani izlemeye devam ve size gösterecektir sonraki biri.

Açıklama

Bugün projelerinizde vektör grafikler için SVG kullanmaya başlayabilirsiniz öğrenin! Ekstra özellikler için Pro Up Düzeyine abone olun! http://leveluptuts.com/level-up-pro Level Up Haber Bülteni Abone http://eepurl.com/AWjGz Sorularınız için yorumlar veya ziyaret sonrası: http://leveluptuts.com/forum Level Up Tuts Destek: http://leveluptuts.com/donations Geliştiriciler için inşa basit bulut barındırma, .: https://www.digitalocean.com/?refcode=67357174b09e

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

LevelUpTuts

LevelUpTuts

Ön uç web geliştiricileri için Öğreticiler. Level Up Tuts web geliştirme ve diğer medya uygulamaları ücretsiz öğreticiler sağlamanın bir yolu olarak Scott Tolinski ve Ben Schaaf tarafından başlatıldı. Biz bir medya yaratıcısı olarak büyüme bizim bilgi yararlı bulacağını umuyorum. Biz tam zamanlı (ve freelance) geliştiriciler Çünkü, Level Up Tuts sana getirmek için biz çalışıyoruz, bir yandan projesidir. Eğer öğrendiklerini hoşlanıyorsanız bu yüzden yeni dersler yapmaya devam edebilirsiniz bağış yapmak için çekinmeyin. Level Up Tuts bu hızlı anketi doldurarak geliştirmemize yardımcı olun https://docs.google.com/forms/d/1x7MTNp_umnvdkwJ5dfOVnnJtndkYdU7EDoCE9r8bYBk/viewform

YORUMLAR



9.7/10

  • 115
    Olumlu
  • 3
    Olumsuz
  • 16
    Yorum
  • 16045
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • EmbarkToHeaven

    EmbarkToHeav

    3 EYLÜL 2007
  • pjtoohot

    pjtoohot

    15 NİSAN 2008
  • The Brister

    The Brister

    10 ŞUBAT 2008

ANKET



Bu sayfa işinize yaradı mı?