如何通过键盘交互浏览SVG图像

Question

我想浏览SVG图像并聚焦当前路径。 SVG图像中的路径代表BodyImage的一部分。 在我的应用中，我想认识到，用户可以通过键盘干预选择主体的一部分，然后提交该主体部分的值。

getMenuBarSelected(s: string) {
    console.log('string =========* ');
  }

  import Footer from '../components/Footer'
    export default {
        name: "Localisation.vue",
        components: {
            Footer
        }
    }

 .localisation{
        display: grid;
        height: 100vh;
        width: 70%;
        grid-template-rows: 70% 30%;
    }
    .bodyMap{
        display: grid;
    }
    #Layer_1{
        height: 400px;
        width: 500px;
    }
    #Kopf{
    }
    .Kopf:focus{
        fill: gray;
    }
    .rechtesOhr:focus{
        fill: yellow;
    }
    .st0{fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;}
    .st1{display:none;fill:#FFFFFF;}

JSFiddle文件：https://jsfiddle.net/RaKa7/0hLxarfs/8/