修改svg上某個內容的顏色

1、<embed id="station_svg" :src="station_svg" type="image/svg+xml" />

2、let svg_dom = document.getElementById('station_svg').getSVGDocument() // 獲取dom

// svg上要修改顏色的id
3、svg_dom.getElementById('test').style.fill = 'red' // 修改顏色

ps：svg縮放插件：svg-pan-zoom

1、npm i svg-pan-zoom

2、import SvgPanZoom from 'svg-pan-zoom'

3、在svg加載完畢后調用此方法：

  // svg 縮放
  svg_zoom() {
   SvgPanZoom('#station_svg', {
    zoomEnabled: true,
    controlIconsEnabled: true,
    fit: true,
    minZoom: 0.5,
    maxZoom: 10,
    center: true,
    dblClickZoomEnabled: false,
   })
   setTimeout(() => {
    this.set_svg_color()
   }, 500)
  },