title: Perspective transform of SVG paths (four corner distort)
body: <p>How is it possible to distort paths in SVG in browser so that they are distorted to certain perspective using possibly javascript or css? The perspective distort can be made easily in Photoshop, Illustrator etc, but how about browsers?</p>
  
  <p>This is source path:</p>
  
  <p><img src="https://i.stack.imgur.com/kC92d.png" alt="enter image description here"></p>
  
  <p>And this is the path after transformation:</p>
  
  <p><img src="https://i.stack.imgur.com/neFe9.png" alt="enter image description here"></p>