原生js+css制作--可以弹奏的吉他

<style>
    body {
        overflow-x: hidden;
        background: radial-gradient(circle, rgb(105, 166, 160), rgb(135, 196, 190));
        cursor: crosshair;
    }
    
    img,
    .guitarSVG {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 100%;
    }
    
    .guitarSVG {
        z-index: 2000000;
    }
    
    .guitar {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 600px;
        min-width: 240px;
        user-select: none;
    }
style>
 
<svg class="guitarSVG" viewBox="0 0 1256 3200">
    <filter id="f2" x="-100%" y="-100%" width="300%" height="300%"