js 请问如何实现图片的不规则变形

Question

实现目标：
1、拖拽图片四个角可以不规则变形，不是等比例变形

Answer 1

div{
  width: 300px;
  margin: 150px auto;
  background-color: yellow;
  text-align: center;
  transform: skew(30deg,30deg);
  -webkit-transform: skew(30deg,30deg);
  -moz-transform: skew(30deg,30deg);
  -o-transform: skew(30deg,30deg);
}
<div>示例文字</div>

使用css3就行