space-ios/Carthage/Checkouts/SVGKit/Demo-Samples/SVG/parent-clip.svg

<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 200 200" width="200" height="200">
  <defs>
    <clipPath id="circular">
      <circle cx="100" cy="100" r="100" />
    </clipPath>
  </defs>

  <circle cx="100" cy="100" r="100" />
  <rect x="100" y="100" width="100" height="100" fill="red" clip-path="url(#circular)" />
  <g clip-path="url(#circular)">
  	<rect id="greensquare" x="100" y="100" width="100" height="100" fill="green">
  		<animate id="dx" attributeName="x" from="100" to="100" dur="2s" values="100; 0; 100" repeatCount="indefinite" />
  		<animate id="dy" attributeName="y" from="100" to="100" dur="2s" values="100; 0; 100" repeatCount="indefinite" />
  	</rect>
  </g>
</svg>