javascript - vue如何在HTML引入svg文件

問題描述

在網上看可以用object元素，但是報404，路徑確定沒錯。

代碼：

問題解答

Check this:https://stackoverflow.com/que...

既然資源是svg, 那么最好是使用svg標簽去引用, 這樣可以對svg調整大小, 設置填充色等一系列的svg特性都可以使用。

具體怎么引用要看使用什么loader了:

html:

<use xmlns:xlink='http://www.w3.org/1999/xlink' :xlink:href='http://www.wxshucaidpc.com/wenda/require(’../svg/icon-header.svg’)'></use>

webpack:

{test: /.svg$/,loader: ’svg-sprite?’ + JSON.stringify({ name: ’[name]_[hash]’, prefixize: true}) }

loader地址: https://github.com/kisenka/svg-sprite-loader具體可以詳細查看API。

如果作為圖片使用的話，可以直接作為背景用background-image: url(’../../../static/icons/site.svg’);