首页 > 编程 > HTML > 正文

HTML5学习教程:HTML页面直接插入SVG元素

2024-08-26 00:16:44
字体:
来源:转载
供稿:网友

武林网(www.vevb.com)文章简介:SVG是Scalable Vector Graphics的缩写。

什么SVG?SVG的优势

使用SVG相对于其它类型(JPEG或者GIF)的优势在于:

浏览器支持

IE9,Firefox,Chrome和Safari 5都支持行内SVG。

直接插入SVG到HTML页面

在HTML5中,你可以直接插入SVG元素到页面中:

<!DOCTYPE html>
<html>
<body>
<svg xmlns="" 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;" />
</svg>
</body>
</html>

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表