How to use svg paths to distort images?

Question

I am using canvas,fabric.js,and javascript,Is there a way to use canvas with paths to distort images?like this:enter image description here

This is the path obtained using fabric：enter image description here