HTML5 Svg Ders-4 Elips - ellipse
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-4 Elips - ellipse

profil
cArleone
BEĞEN(1)
BEĞENME(0)
GÖRÜNTÜLENME(1184)
RAPOR ET
Html5 svg derslerimize devam ediyoruz.Bu derste elips çizmemizi sağlan ellipse tagını işleyeceğiz.Geçen derste işlediğimiz daire gibi ama bunda dikey ve yatay yarı çapları kendimiz değiştiriyoruz.Daire olduğu gibi bununda çizim noktası tam ortası,yani belirlediğimiz yarı çap hem sağdan hemde solda uzatma yapıyor.

<svg width="500" height="300">
<ellipse cx="150" cy="150" rx="100" ry="50" />
</svg>

Parametreleri inceleyerek başlayalım.

cx : x konumu
cy : y konumu
rx : yatay yarı çap
ry : dikey yarı çap

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

<svg width="500" height="300">
<ellipse cx="150" cy="150" rx="100" ry="50" fill="#15d4f5" />
<ellipse cx="350" cy="150" rx="50" ry="100" fill="#15d4f5" />
</svg>

</body>
</html>

Görüntüsü :
http://ustaderslik.com/resim/ders/das1s1sa.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