HTML5

4. Bölüm : HTML5 Canvas ve SVG

Canvas Elemanı ve Dörtgenler

<canvas id="canvas1"></canvas>

Çalışan function :


Çizgiler (Paths)

Çalışan function :


Metinler (Texts) ve Resimler

Çalışan function :


SVG : Scalable Vector Graphics SVG vs. Canvas ?

<svg height="400" width="400">
   <circle cx="50" cy="50" r="50" fill="red"></circle>
   <rect x="5" y="50" width="150" height="30" style="fill:yellow"/>
   <text style="font-size:20;stroke:blue" x="10" y="170">SVG vs. Canvas ?</text>
   <image xlink:href="images/google_code_logo.png" x="140" y="10" width="60" height="60" />
   <polyline points="20,200 20,230 50,230 50,250 100,250 100,280" fill="green" x="20" y="200" />
</svg>
Linkler

1. HTML5 Scetchpad
2. SVG ile Saat Animasyonu
3. SVG ile Animasyon Makalesi