Hi,
I have the following code. I shows two half eclipses and one half disk. They represent 3 functions. I want to draw the function f1(x)+f2(x)+f3(x). Is there any exact way to do it in svg?
Thanks, Peng
<path transform="translate(200, 800)" d="M100,0 a100,100 0 0,0 -200,0 z" fill="red" opacity="0.5" stroke="black" stroke-width="1" id="path10935" /> <path transform="translate(100, 800)" d="M20,0 a20,60 0 0,0 -40,0 z" fill="blue" opacity="0.5" stroke="black" stroke-width="1" id="path10937" /> <path transform="translate(300, 800)" d="M20,0 a20,60 0 0,0 -40,0 z" fill="blue" opacity="0.5" stroke="black" stroke-width="1" id="path10939" /> <text x="100" y="700" dx="-20" font-size="30" fill="black" > f1(x) </text> <text x="200" y="700" dx="-20" font-size="30" fill="black" > f2(x) </text> <text x="300" y="700" dx="-20" font-size="30" fill="black" > f3(x) </text> <defs> <marker id="Triangle" viewBox="0 0 10 10" refX="0" refY="5" markerUnits="strokeWidth" markerWidth="4" markerHeight="3" orient="auto"> <path d="M 0 0 L 10 5 L 0 10 z" /> </marker> </defs> <path d="M80,800 h300" fill="none" stroke="black" stroke-width="3" marker-end="url(#Triangle)" /> <text x="380" y="800" font-size="30" fill="black" > x </text>