Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/417.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript-客户端上的多剪辑图像_Javascript_Canvas - Fatal编程技术网

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

Javascript-客户端上的多剪辑图像,javascript,canvas,Javascript,Canvas,我正在尝试在客户端/前端多剪辑图像。一旦我获得积分,是否有办法抓住客户(即不往返于客户) 好了,画布只能剪辑矩形。也许有一种方式我不知道?是否有我可以使用的轻量级画布库 提前感谢canvas context.clip命令将根据前面的路径进行剪辑 前面的路径可以是多段线: // create a path polyline context.beginPath(); context.moveTo(100,100); context.lineTo(150,200); context.lineTo(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()
演示:


您可以在此基础上进行自定义,以下是示例:

您可以根据选择裁剪图像