React,VueでSVGを使用
590 ワード
1.プラグインをインストールする
2.mainをグローバルに導入する.js
3.次にルートディレクトリの/srcディレクトリの下にsvgディレクトリを新規作成します(現在、このパスはこのようにするしかなく、他のパスとディレクトリに構成できません!!)、次に、このディレクトリに使用したいsvgアイコンのsvgファイルを入れればいいです.例:/src/svg/profile 1.svg 4.ページに挿入
ここでviewBoxは座標位置であり、調整可能である.nameがsvgのファイル名で表示されます!!!そうだ、自分で色を調整できる:path属性ノードにfill=‘fff’を加えればOK.
npm install 'vue-svg-icon --save
2.mainをグローバルに導入する.js
import Icon from 'vue-svg-icon/Icon.vue'
Vue.component('icon', Icon)
3.次にルートディレクトリの/srcディレクトリの下にsvgディレクトリを新規作成します(現在、このパスはこのようにするしかなく、他のパスとディレクトリに構成できません!!)、次に、このディレクトリに使用したいsvgアイコンのsvgファイルを入れればいいです.例:/src/svg/profile 1.svg 4.ページに挿入
ここでviewBoxは座標位置であり、調整可能である.nameがsvgのファイル名で表示されます!!!そうだ、自分で色を調整できる:path属性ノードにfill=‘fff’を加えればOK.