問(wèn)題描述

在網(wǎng)上看可以用object元素，但是報(bào)404，路徑確定沒(méi)錯(cuò)。

代碼：

問(wèn)題解答

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

既然資源是svg, 那么最好是使用svg標(biāo)簽去引用, 這樣可以對(duì)svg調(diào)整大小, 設(shè)置填充色等一系列的svg特性都可以使用。

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

html:

<use xmlns:xlink='http://www.w3.org/1999/xlink' :xlink:href='http://www.aoyou183.cn/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具體可以詳細(xì)查看API。

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