clipPath-on-thin-object.svg 555 B

1234567891011121314
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <svg xmlns="http://www.w3.org/2000/svg" width="500" height="500">
  3. <defs>
  4. <clipPath clipPathUnits="objectBoundingBox" id="myPath">
  5. <rect x="0" y="0" height="1" width="1"/>
  6. </clipPath>
  7. </defs>
  8. <!-- You should see a thin horizontal light lime line. -->
  9. <path d="M0 99.6 L500 99.6 L500 100.3 L0 100.3 Z" fill="lime" clip-path="url(#myPath)"/>
  10. <!-- You should see a vertical light lime line. -->
  11. <path d="M199.9 0 L199.9 500 L200.4 500 L200.4 0 Z" fill="lime" clip-path="url(#myPath)"/>
  12. </svg>