Javascript - 客户端上的Poly剪辑图像

Question

我正在尝试对客户端/前端的图像进行多边形剪辑。一旦我获得积分，有没有办法剪辑客户端（即没有往返客户）？

AFAIK，画布只能剪辑矩形。也许有一种我不知道的方式？是否有可以使用的轻量级画布库？

提前致谢

Answer 1

canvas context.clip命令将根据前面的路径进行剪辑。

前面的路径可能是折线：

// create a path polyline

context.beginPath();
context.moveTo(100,100);
context.lineTo(150,200);
context.lineTo(150,100);
context.closePath();

// clip into that polyline

context.clip()

演示：http://jsfiddle.net/m1erickson/R26Ms/

Answer 2

您可以对此进行自定义也是示例： http://netplayer.gr/crop/

您可以通过选择裁剪图像。