SVG 是一种图像文件格式, 它的英文全称为 Scalable Vector Graphics, 意思为可缩放的矢量图形. 本文就来为大家介绍一下 html5 使用 svg 的方法.
创建 svg 文件:
<?xml version="1.0" standalone="no"?>
- <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
- <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
- <circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red"
- />
- </svg>
在 HTML 中引入 svg:
方式一:
- <object data="test.svg" type="image/svg+xml" codebase="http://www.adobe.com/svg/viewer/install/"
- />
方式二:
- <embed src="test.svg" type="image/svg+xml" pluginspage="http://www.adobe.com/svg/viewer/install/"
- />
更多 HTML 知识请关注 HTML 中文网 HTML 教程 https://www.html.cn/web/html/ 栏目.
来源: http://www.css88.com/web/html/17179.html