javascript - vue如何在HTML引入svg文件
問題描述
在網(wǎng)上看可以用object元素,但是報404,路徑確定沒錯。
代碼:
問題解答
回答1:Check this:https://stackoverflow.com/que...
回答2:既然資源是svg, 那么最好是使用svg標簽去引用, 這樣可以對svg調(diào)整大小, 設(shè)置填充色等一系列的svg特性都可以使用。
具體怎么引用要看使用什么loader了:
html:
<use xmlns:xlink='http://www.w3.org/1999/xlink' :xlink:href='http://www.piao2010.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。
回答3:如果作為圖片使用的話,可以直接作為背景用background-image: url(’../../../static/icons/site.svg’);
相關(guān)文章:
1. python - 請問這兩個地方是為什么呢?2. sql語句 - 如何在mysql中批量添加用戶?3. javascript - 按鈕鏈接到另一個網(wǎng)址 怎么通過百度統(tǒng)計計算按鈕的點擊數(shù)量4. mysql - 數(shù)據(jù)庫建字段,默認值空和empty string有什么區(qū)別 1105. 怎么php怎么通過數(shù)組顯示sql查詢結(jié)果呢,查詢結(jié)果有多條,如圖。6. 事務(wù) - mysql共享鎖lock in share mode的實際使用場景7. mysql 非主鍵做范圍查找實現(xiàn)原理的一點困惑8. java - jdbc如何返回自動定義的bean9. mysql - JAVA怎么實現(xiàn)一個DAO同時實現(xiàn)查詢兩個實體類的結(jié)果集10. mysql 可以從 TCP 連接但是不能從 socket 鏈接
