title: Can I draw a SVG shape in objectBoundingBox units?
body: <p>Hi,</p>
  
  <p>I have this shape I made in SVG:</p>
  
  <pre><code>&lt;svg xmlns="http://www.w3.org/2000/svg" height="280" width="130"&gt;
   &lt;defs&gt;
    &lt;clipPath id="buscar" clipPathUnits="objectBoundingBox"&gt;
     &lt;polygon points="0.08,0 0.08,0.07 0.14,0.12 0.14,0.96 0.92,0.964 0.97,0.923 0.97,0.15 0.99,0.13 0.99,0"/&gt;
    &lt;/clipPath&gt;
   &lt;/defs&gt; 
   &lt;polygon points="10.2539,0.918692 10.2539,1.24946 9.92309,19.111 17.8616,31.6803 18.1923,269.669 119.077,270.165 125.858,259.746 125.692,42.9264 128.338,37.3033 128.338,0.918692 10.2539,0.918692" id="p2" style="fill:none; stroke-width: 1px;" stroke="#555555"/&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p>both shapes are exactly the same but the coords in clip-path are in objectBoundingBox units and I want to use that as well for the polygon below so I can have the exact same coords for both. Is it possible?</p>
  
  <p>My goal is to have a clipped div that is surrounded by a border with the same shape of course.</p>
  
  <p>Thank you.</p>