问题标签 [cropperjs]

我正在使用Cropper.js，想知道是否有人知道在放大时是否可以阻止它平滑图像。我希望它保持像素化，因为我想用它来裁剪视频游戏精灵表。

我正在使用cropperJS，并且我正在尝试使用setCropBoxData的函数，但这不起作用，并且文档没有清楚地（我认为）示例如何使用它。请，如果有人可以提供帮助，那将是惊人的。

这是我的功能

}

我也试过：

}

提前致谢

我正在尝试使用cropper js从url裁剪图像

但它返回“Access-Control-Allow-Origin”错误

我有一个输入类型文件。加载图片后，我为我的数据属性“imgSrc”赋值

在第一次加载后一切正常，就像这个屏幕一样 - http://joxi.ru/KAxn6yZsMxn5Wm

但是下次上传后，图片没有变化——http://joxi.ru/MAj38WvF4pRPar

我为我的 AngularCli 项目使用croperjs 进行图像裁剪。但是有一些错误..我尝试了几次，但它仍然存在我该怎么做才能修复它？

错误是：

错误 TS2339：“EventTarget”类型上不存在属性“文件”。

错误 TS2339：“EventTarget”类型上不存在属性“结果”。

错误 TS2339：“EventTarget”类型上不存在属性“结果”。错误 TS2540：无法分配给“cropper”，因为它是常量或只读属性。

错误 TS2339：“EventTarget”类型上不存在属性“文件”。

错误 TS2339：类型 '""' 上不存在属性 'getCroppedCanvas'。

错误 TS2339：“元素”类型上不存在属性“值”。

错误 TS2339：“元素”类型上不存在属性“src”。

错误 TS2339：“元素”类型上不存在属性“下载”。

我的html文件是：

我的 ts 文件是：

谢谢

如何将cropperjs裁剪区域设置为圆形。我使用 angular/typescript 和 ngx-img 模块。

这是我的 component.html 代码：

还有我的 component.ts 代码：

我的目标：

• 要在我的浏览器中上传图像文件，请对其进行编辑（裁剪和旋转）并下载/上传。

到目前为止我所取得的成就：

• 我只能旋转图像，但只能旋转一次。

我面临什么问题：

• 正如官方文档中提到的，我无法使用this.angularCropper.cropper.rotate(degreeInNumber);它给出了这个错误：Cannot read property 'rotate' of undefined。
• 因为它是一个流行的 JS 图像库CropperJS的包装器，所以我尝试了 CropperJS 的语法this.cropper.rotate(degreeInNumber);（内部rotateLeft()函数），它只工作一次。当我rotateLeft()第二次调用函数时它不起作用。
• 此外，尽管提到crossorigin，<input>我得到Cannot read property 'checkCrossOrigin' of undefined

这是我的代码app.component.html：

而且，我的app.component.ts：

我对此很陌生，谁能指出我错过了什么/做错了什么？

另外，如何取回裁剪后的图像？

我正在使用cropperjs 构建一个多设备裁剪工具。目前我在猜测每个引导断点的视口大小，但我不确定真正的高度是多少（所以我可以创建一个比率）。您可以在此处找到网格宽度断点：https ://github.com/twbs/bootstrap/blob/v4-dev/scss/_variables.scss （第 168-174 行）

总而言之，我正在寻找每个断点处的视口大小：sm, md, lg, xl. 我可以研究最常见的设备尺寸（我可能仍然会这样做），但我更喜欢与引导程序尺寸相关的东西。谢谢。

我正在尝试将裁剪部分添加到图像上传中。我正在转换本教程。我添加了 materialie.js 一点，那就是把事情扔掉了。

javascript 这部分工作，或多或少。当我单击按钮时，会出现一个带有图像的框。我不能点击其他任何东西。

现在我得到一张看起来像这样的照片

当我单击蓝色crop and upload按钮时，我收到此控制台错误。

这导致错误

有谁知道为什么会这样？提前致谢。下面是我的其余代码。

这部分不起作用。{% 阻止 javascript %}

html

当框大小小于允许的最小图像大小时，我正在尝试实现自动调整大小或裁剪框，现在我做了这个：

但是想对cropend处理的事件进行此计算：

我的问题是：如何从事件中获取裁剪器实例？