Differences between svg and canvas svg is a language for describing 2d graphics

Differences Between SVG and Canvas
SVG is a language for describing 2D graphics in XML.

Canvas draws 2D graphics, on the fly (with a JavaScript).

SVG is XML based, which means that every element is available within the SVG DOM. You can attach JavaScript event handlers for an element.

In SVG, each...

Mohammad Towhidul Islam

19-Mar-13 12:45:14 am

What is svg svg stands for scalable vector graphics svg used to define vector

What is SVG?
SVG stands for Scalable Vector Graphics
SVG is used to define vector-based graphics for the Web
SVG defines the graphics in XML format
SVG graphics do NOT lose any quality if they are zoomed or resized
Every element and every attribute in SVG files can be animated
SVG is a W3C recommend...

Mohammad Towhidul Islam

19-Mar-13 12:44:20 am

Doctype html body svg xmlns http www w3 org 2000

<!DOCTYPE html>
<html>
<body>

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190">
  <polygon points="100,10 40,180 190,60 10,60 160,180"
  style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;"&...

Mohammad Towhidul Islam

17-Mar-13 12:27:19 am

Doctype html body canvas id mycanvas width 200 height 100

<!DOCTYPE html>
<html>
<body>

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.</canvas>

<script>

var c=document.getElementById("...

Mohammad Towhidul Islam

17-Mar-13 12:26:02 am

Doctype html body canvas id mycanvas width 200 height 100

<!DOCTYPE html>
<html>
<body>

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.</canvas>

<script>

var c=document.getElementById("...

Mohammad Towhidul Islam

17-Mar-13 12:23:00 am

Doctype html body canvas id mycanvas width 200 height 100

<!DOCTYPE html>
<html>
<body>

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.</canvas>

<script>

var c=document.getElementById("...

Mohammad Towhidul Islam

16-Mar-13 11:19:16 pm

Document structure

Document structure...

First Prev 1 Next Last

1 of 1 pages