成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久

您的位置:首頁技術(shù)文章
文章詳情頁

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

瀏覽:110日期:2023-05-04 14:24:02

問題描述

在網(wǎng)上看可以用object元素,但是報404,路徑確定沒錯。

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

問題解答

回答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’);

標簽: JavaScript
相關(guān)文章: