Buradasın

HTML5 Testleri: SVG Etiketi Kullanımı

Yapay zekadan makale özeti

Bu video, Emre Sabuncu tarafından sunulan HTML5 testleri serisinin bir parçasıdır. Emre, SVG etiketinin kullanımını göstermektedir.
Videoda SVG etiketinin vektör tabanlı çizim yapabilme özelliği anlatılmaktadır. Emre, SVG etiketinin temel kullanımını göstererek çember, daire, dikdörtgen ve poligon gibi temel şekillerin nasıl çizileceğini adım adım açıklamaktadır. Ayrıca, şekillerin boyutlandırılması, renklendirilmesi ve köşelerinin yuvarlanması gibi temel özellikler de gösterilmektedir. Video, SVG etiketinin geniş çizim yelpazesine değinerek, daha detaylı bilgi için eğitim kaynaklarına yönlendirilmektedir.

00:13SVG Etiketi Tanıtımı: HTML5 testleri serisinin bu bölümünde SVG etiketinin kullanımı gösterilecek.
SVG etiketi sayesinde sadece HTML ve CSS kullanarak vektör tabanlı çizim yapılabilir.
SVG etiketinin geniş bir çizim yelpazesi vardır ve bu derste örnekler tanıtılacak.
00:48SVG Etiketi Kullanımı: SVG etiketi açılıp kapatılarak tarayıcıya çizim yapılacağı belirtilir.
Width (genişlik) ve height (yükseklik) değerleri piksel cinsinden belirtilir.
Çizim alanının başlangıç noktası (0,0) noktasından başlayarak belirlenir.
01:30Çember Çizimi: Çemberin konumu soldan ve yukarıdan piksel cinsinden belirlenebilir.
Çemberin yarıçapı piksel cinsinden belirtilerek çizilebilir.
Çemberin çevresindeki çizgi (stroke) rengi ve kalınlığı ayarlanabilir.
04:03Farklı Şekiller Çizimi: SVG etiketi ile farklı şekiller çizilebilir.
Çember ve dikdörtgen gibi temel şekiller oluşturulabilir.
Yazılar span etiketi kullanılarak şekillerin içine yerleştirilebilir.
06:25Köşeleri Yuvarlama: Köşeleri yuvarlamak için rx ve ry değerleri kullanılır.
Rx değeri soldan, ry değeri yukarıdan yuvarlama yapar.
Değerlerin büyüklüğü yuvarlama derecesini belirler.
08:20Poligon ve Diğer Şekiller: Poligon (üçgen veya çokgen) çizilebilir.
Köşeli yıldız gibi özel şekiller oluşturulabilir.
SVG etiketinin geniş bir çizim yelpazesi vardır ve her biri ayrı ayrı ders gerektirebilir.