要添加SVG文件,可以在HTML中使用<img> <object>或<embed>元素。根据您的要求选择其中之一。这是添加SVG的方法,
<img>元素
将<img>标记用于没有交互作用的图像。
缺点是您无法使用JavaScript处理图像。
<img src = "new.svg" alt = "craft" height = "100px" width = "100px" />
<object>元素
<object>元素用于定义HTML文档中的嵌入式对象。使用它可以在网页中嵌入多媒体,例如音频,视频,Flash等。
<object type = "image/svg+xml" data = "new.svg"> Your browser does not support SVG </object>
<embed>元素
<embed>标记不是HTML 4规范的一部分,而是HTML5中的新标记。它在HTML5页面中进行验证。
<embed type = "image/svg+xml" src = "image.svg" />