Ich benutze SvgclipPath in meinem AngularJS-Projekt. Ich habe ein Problem mit der Angabe einer relativen URL zum ClipPath, da ich die verwenden muss<base> Element in meinem Projekt.

Zum Beispiel funktioniert dieser Code in einem Projekt ohnebase, aber nicht in einem Projekt mit<base href="/">

<svg width="120" height="120"
     viewPort="0 0 120 120" version="1.1"
     xmlns="http://www.w3.org/2000/svg">

    <defs>
        <clipPath id="myClip">
            <rect x="10" y="10" width="60" height="60"></rect>
        </clipPath>
    </defs>

    <g clip-path="url(#myClip)">
        <circle cx="30" cy="30" r="20"/>
        <circle cx="70" cy="70" r="20"/>
    </g>

</svg>

Wie kann das gelöst werden? Ich benutze Ui-Router, wenn das für die Frage relevant ist ...

Diese Frage ist ungefähr gleich, aber die "Lösung", die das OP fand, war, die Basis zu entfernen, die in meinem Fall keine Lösung ist.