查看: 1588|回复: 0

[DIV/CSS] HTML5使用SVG步骤

发表于 2018-4-21 09:35:16
创建SVG文件:
  1. <?xml version="1.0" standalone="no"?>
  2. <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
  3. "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
  4. <svg width="100%" height="100%" version="1.1"
  5. xmlns="http://www.w3.org/2000/svg">
  6. <circle cx="100" cy="50" r="40" stroke="black"
  7. stroke-width="2" fill="red"/>
  8. </svg>
复制代码
在HTML中引入SVG:
  1. 1、方式一:
  2. <object data="test.svg"
  3. type="image/svg+xml"
  4. codebase="http://www.adobe.com/svg/viewer/install/"/>
  5. 2、方式二:
  6. <embed src="test.svg"
  7. type="image/svg+xml"
  8. pluginspage="http://www.adobe.com/svg/viewer/install/" />
复制代码


回复

使用道具 举报