把SVG直接嵌入HTML页面
在HTML5中，您能够将SVG元素直接嵌入HTML页面中：
实例
<!DOCTYPEhtml>
<html>
<body>
<svgxmlns="http://www.w3.org/2000/svg"version="1.1"height="190">
<polygonpoints="100,1040,180190,6010,60160,180"
style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;">
</svg>
</body>
</html>
结果：
抱歉,你的浏览器不支持内联SVG.
SVG与Canvas两者间的区别
SVG是一种使用XML描述2D图形的语言。
Canvas通过JavaScript来绘制2D图形。
SVG基于XML，这意味着SVGDOM中的每个元素都是可用的。您可以为某个元素附加JavaScript事件处理器。
在SVG中，每个被绘制的图形均被视为对象。如果SVG对象的属性发生变化，那么浏览器能够自动重现图形。
Canvas是逐像素进行渲染的。在canvas中，一旦图形被绘制完成，它就不会继续得到浏览器的关注。如果其位置发生变化，那么整个场景也需要重新绘制，包括任何或许已被图形覆盖的对象。
如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html/h63067.shtml
