I'm using blazor to generate SVG items on a page. This works great except when I am trying to create a <clipPath>
tag. Blazor is case-changing it to <clippath>
which is not an accepted SVG tag and therefore does nothing.
Is there a way to get Blazor to keep the case of my tags intact?
Edit: Sample Code
<svg width="200" height="200">
<g clip-path="url(#myClip)">
<rect width="200" height="200" fill="red"></rect>
<clipPath id="myClip">
<circle cx="100" cy="100" r="100" fill="none"></circle>
</clipPath>
</g>
</svg>
<clippath>
when they generate the code it will auto correct it to<clipPath>
. However, Blazor is doing the opposite for me. So if you use the inspector to change you<clipPath>
to<clippath>
you will notice that it no longer works. This is why I need to get Blazor to leave it as<clipPath>