LayoutTests/svg/custom/marker-opacity.svg

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" x="0" y="0">
    <defs>
        <marker id="arrow" viewBox="0 0 4 4" refX="4" refY="2" markerUnits="strokeWidth" markerWidth="4" markerHeight="4" orient="auto" style="overflow: visible;">
            <path d="M 2 0.5 L 6 2 L 2 3.5" style="fill: none; stroke: rgb(85, 85, 255); stroke-width: 1; stroke-linecap: round; stroke-linejoin: round;"/>
        </marker>
        <marker id="circle" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="strokeWidth" markerWidth="4" markerHeight="4" orient="auto" style="overflow: visible;">
            <circle cx="5" cy="5" r="3" style="fill: rgb(85, 85, 255);"/>
        </marker>
        <marker id="arrow2" stroke-opacity="0.25" viewBox="0 0 4 4" refX="4" refY="2" markerUnits="strokeWidth" markerWidth="4" markerHeight="4" orient="auto" style="overflow: visible;">
            <path d="M 2 0.5 L 6 2 L 2 3.5" style="fill: none; stroke: rgb(85, 85, 255); stroke-width: 1; stroke-linecap: round; stroke-linejoin: round;"/>
        </marker>
        <marker id="circle2" fill-opacity="0.25" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="strokeWidth" markerWidth="4" markerHeight="4" orient="auto" style="overflow: visible;">
            <circle cx="5" cy="5" r="3" style="fill: rgb(85, 85, 255);"/>
        </marker>
    </defs>
    <g opacity="0.25">
        <path d="M 388,156 C 244,135 244,94 100,73" style="overflow: visible; fill: none; stroke: rgb(85, 85, 255); stroke-width: 4; stroke-linecap: round; marker-end: url(#arrow); marker-start: url(#circle);"/>
    </g>
    <g>
        <path d="M 388,256 C 244,235 244,194 100,173" style="overflow: visible; fill: none; stroke: rgb(85, 85, 255); stroke-width: 4; stroke-linecap: round; marker-end: url(#arrow); marker-start: url(#circle);"/>
    </g>
    <g>
        <path d="M 388,356 C 244,335 244,294 100,273" stroke-opacity="0.25" style="overflow: visible; fill: none; stroke: rgb(85, 85, 255); stroke-width: 4; stroke-linecap: round; marker-end: url(#arrow2); marker-start: url(#circle2);"/>
    </g>
</svg>