修改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)
  },