Fabric JS 2裁剪问题

时间:2019-04-11 06:04:50

标签: clip-path fabricjs2 image-clipping

我正在使用Fabric js 2.4.6。当我尝试使用clip Path属性剪辑图像时,我面临以下问题

1。图片没有调整大小

2。无法移动剪切的图像

请检查小提琴。这是我正在使用的代码

https://jsfiddle.net/binoy/3jp2a71w/

1。将图像剪切为新对象

2。根据剪切路径裁剪图像大小

预期结果

1。将原始图像添加到画布

2。创建一个croppingArea矩形并将其添加到画布中

3。使用裁剪区域和原始图像各自的左,上,宽,高,比例X,比例Y计算原始图像坐标中裁剪区域的边界坐标

4。从originalImage创建一个croptedImage,其中第3步设置了cropX,cropY,宽度和高度

enter code here

0 个答案:

没有答案