Curving the ends of an "arc" element
I made this nice circle outline here: <arc x="20" y="10" width="260" height="260" fill="yellow" arc-width="20" start-angle="90" sweep-angle="360" id="circle1" /> I would like to round out the ends of the line. Is this possible?