canvas图形产生变化的根本原理就是不停的清空与重绘。三角形你可以用三个lineTo画出来,并使用clip,再将图片画进这个clip的路径里。当鼠标在canvas上点击里,判断坐标是不是在刚刚那个三角形内(isPointInPath),如果是就开启拖动事件。
这个拖动事件,其实是不停的清空画布并把三角形与图片画到新的位置,这个位置是根据你鼠标移动不断变化的。思路就是如此