HTML5 Svg Ders-7 Metinler - Text
UstaDerslik Soru-Cevap Yararlı Araçlar
arama ikon
Diller
Türkçe Türkçe

bilgi UstaDerslik
Bu uyari kutusudur.
Tamam
Anasayfa
İletişim
Üyeler

HTML5 Svg Ders-7 Metinler - Text

profil
cArleone
BEĞEN(0)
BEĞENME(0)
GÖRÜNTÜLENME(1723)
RAPOR ET
Html5 svg serimize devam ediyoruz.Bu derste text tagını anlatacağım.Text tagı ile svg içine metin bastırabiliriz.Uzatmadan parametrelerine geçeyim.

<text x="340" y="150" fill="#666">Metin</text>

x : Metnin başlayacağı x koordinatı
y : Metnin başlayacağı y koordinatı.
fill : Yazı rengi

Ayrıca istediğimiz css özelliklerini parametre olarak atayabiliriz.font-size="30" gibi yada style tagı içinde de css özelliklerimizi atayabiliriz..Ayrıca text tagını a tagı içine alarak linke de dönüştürebiliriz.

Genel örnek :
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>UstaDerslik</title>
<style type="text/css">
svg{border:1px solid #ddd;}
</style>
</head>
<body>

<svg width="500" height="300">
<text x="100" y="150" fill="#666" font-size="50" font-family="Impact">UstaDerslik</text>
<text x="340" y="150" fill="#666" style="font-size:20px">.com</text>
</svg>

</body>
</html>

Görüntüsü :
http://ustaderslik.com/resim/ders/sd11f21as.png



Kod
Kalın
Vurgu
Resim
Video
Url
CEVAPLA
Tüm Hakları Saklıdır. ©Arleone 2013-2014 UstaDerslik






Giriş
Şifremi Unuttum...
Şifre Talep
  Kuralları Kabul Ediyorum.
Kaydol