Vector Graphics Editor
Create and Edit SVG online - Scalable Vector Graphics
open janvas...
SVG - ClipPath
SVG clip paths are used to clip a SVG element according to a certain path. 
The parts of the shape inside the path are visible, and the parts outside are invisible.
In Janvas a clipped content is a group with inside the clipping path and the content to clip.
Any SVG shape can be used as a clip path.

References: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/clipPath


<g clip-path="url(#clipPath_2f0p8xl)">
<clipPath id="clipPath_2f0p8xl" >
<ellipse cx="0"
cy="0"
rx="116.06"
ry="116.06"
stroke-width="1"
stroke="#000000"
fill="none"
transform="matrix(1 0 0 1 17.3416 -2.83998)"
fill-opacity="1"/>
</clipPath>
<rect width="361.08"
height="167.99"
stroke-width="1"
stroke="#000000"
fill="#D12FBE"
x="-180.54358445215647"
y="-83.99912992638096"
fill-opacity="1"/>
</g>