JavaScript中的高级图像倾斜，用图像填充多边形

Question

这就是我想要实现的目标：

https://i.stack.imgur.com/O3rRl.png

transform（）函数的问题在于它保持图像边缘之间的比例，并且不能独立地偏斜角落。

这就是我的想法：

function draw(a,b,c,d,img) {
    //witchcraft goes here
}

其中a，b，c，d是角落，img是图像。该函数在角创建的多边形中绘制图像。