使用SVG文件
<embed> 使用embed标签,将svg文件以媒体形式插入html。 Coding <embed src="imooc.svg" width="1024" height="768" type="image/svg+xml" pluginspage="http://www.adobe.com/svg/viewer/install/" /> <object> 使用object标签,将svg文件以媒体对象形式插入html。 Coding <object data="imooc.svg" width="1024" height="768" type="image/svg+xml" codebase="http://www.adobe.com/svg/viewer/install/" /> <iframe> 使用iframe标签,将svg文件以网页文件形式插入html。 Coding <iframe src="imooc.svg" width="1024" height="768"></iframe> <img> 使用img标签,将svg文件以图形图像文件形式插入html。 Coding <img src="imooc.svg">嵌入SVG结构
<svg> 使用svg标签直接将svg代码插入到html中。 Coding <html> <body> <svg viewBox="0 0 100 50" xmlns="http://www.w3.org/2000/svg"> <rect x="10" y="10" width="30" height="30" stroke="#C7000B" /> </svg> </body> </html>