SVG和HTML5
在HTML5里，我们可以直接在html网页里嵌入/使用SVG。
在HTML网页里直接嵌入SVG
下面是一个简单的SVG图片例子：
它使用的代码是：
实例
<!DOCTYPE html> <html> <body><h1>My first SVG</h1><svg width="100" height="100"> <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" /> </svg> </body> </html>
SVG代码说明：
- SVG图片用<svg>标记定义
- <svg>元素里提供了“width”和“height”两个属性来定义SVG图片的高度和宽度
- <circle>元素的功能是画出一个圆
cx和cy两个属性分别定义了圆心的x坐标和y坐标。如果没有提供cx和cy的值，那么，缺省圆心是(0, 0)r属性定义了圆的半径长度stroke和stroke-width两个属性用来定义图像的边框样子。上面例子中定义圆的边框颜色为green，边框粗细为4pxfill属性定义了圆内部填充的颜色。我们可以看出，例子中填充了黄色。
注意：因为SVG是XML格式的，所以，所有元素标记必须正确的闭合。