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ü :
UstaDerslik
