问题标签 [cropperjs]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 如何让 Cropper.js 使用来自 URL 的图像
我正在尝试让 Cropper.js 处理来自网络的 URL 图像。
https://github.com/fengyuanchen/cropperjs
当我从我的设备上传图像时它工作正常，但是当涉及到在线图片时。我有很多错误，包括：
CORS 策略已阻止来自来源的“null”：请求的资源上不存在“Access-Control-Allow-Origin”标头。
裁剪器没有出现在图像上，我给出了 Cors 错误。
这是我的代码：
javascript - Cropper.js - 以特定宽度和高度导出图像
我正在使用cropper.js的jquery 版本。到目前为止，该脚本运行良好。
但有一件事我无法完成。我希望我的裁剪图片的宽高比为 16 / 9，宽度为 280 像素，高度为 158 像素。
那个脚本有可能吗？
我有以下选项，但似乎都不符合我的需求：
cropperjs - cropperjs 工作，但显示重复的图像
我正在使用cropperjs 裁剪图像。我的裁剪功能是这样的：
现在，我相信我正在使用cropper('replace', ...) 的“完成”部分中的最后一个“其他”是造成问题的原因。你们能帮帮我吗？
javascript - 如何使用 vue-cropper.js 上传裁剪的图片？
所以我使用了一个名为 vue-cropper.js 的 npm 包来裁剪图像并将裁剪后的图像上传到远程服务器。但是，裁剪图像的上传部分无法正常工作，因为我得到的只是 CORS 错误。但问题是，当我上传图像而不裁剪它时，它可以工作并且没有错误。我不明白我做错了什么。
我已经多次检查cropper.js 文档，他们告诉你要做的就是创建一个blob并将其附加到表单数据，然后发布。再说一次，这就是我正在做的事情。
这是我的裁剪器组件模板。
这是我的裁剪和上传代码。
我希望从端点得到“ok”作为响应。但我得到：
javascript - 无法初始化cropper.js（Uncaught TypeError: image.cropper is not a function at FileReader.oFReader.onload）
我正在使用cropper.js，当我尝试初始化时，我得到了错误Uncaught TypeError: image.cropper is not a function at FileReader.oFReader.onload。我已经从我所做的最后一个项目中复制了代码，并且在该项目中它可以正常工作。
我已经尝试了cropper和cropper.js，但没有任何效果。我将裁剪器导入到 html 中，就像文档的头部一样。
我的表单是这样的，其中包含其他字段。
图像应该出现在这里。
这是我初始化 Cropper 的方法。
我期待打开裁剪器，但Uncaught TypeError: image.cropper is not a function at FileReader.oFReader.onload在第一个裁剪器 ( image.cropper("destroy");) 中出现错误。
javascript - 如何在不裁剪的情况下保存图像？
我将Dropzonejs与Cropperjs一起使用。当前流程是选择图像，裁剪并保存。
我想选择一个图像并给用户两个选项
1）裁剪然后保存
2）取消裁剪并保存而不裁剪。
第一个选项在cropperjs 中默认可用。但是如何添加一个cancel按钮，该按钮应该将图像发送到 dropzone 而无需裁剪。简而言之，我想要 dropzone 中的原始选定图像。
Dropzone JS 配置代码：
HTML：
jquery - 为什么#btnCrop 上的“mouseup”事件会多次触发？
Cropper.js 适用于第一张图片。当我上传一张新图片然后裁剪它时，#result 会附加两张图片。对于第三个上传的图像，#result 附加了三个（！）图像。我自己无法弄清楚为什么这个函数 ($("#btnCrop").on("mouseup", function()) 每次上传新图像时都会执行得越来越多。有什么想法吗？
javascript - 使用 Cropper js 裁剪后图像质量降低
我克服了很多解决方案和建议，但对我没有任何帮助。我正在使用 dropzone 进行图像上传和cropper js 来裁剪图像。但是每次我裁剪图像后，图像质量都会降低（模糊）
实际图像
vue.js - TypeError: this.$refs.cropper.getCroppedCanvas 不是函数
我想从图片网址裁剪、旋转照片。我将图像从 url 转换为 base64 字符串。图像显示在组件上。但是当我尝试裁剪图像时出现 TypeError: this.$refs.cropper.getCroppedCanvas is not a function。我通过 https://www.npmjs.com/package/vue-cropperjs 的npm install --save vue-cropperjs安装了它。
我已将其导入以下本地组件：
javascript - 提供变量时，Cropbox 不会更新
我正在制作图像裁剪器，裁剪器必须具有固定尺寸，但用户可以动态更改这些尺寸。
每次盒子更新时，我都会运行这段代码。
我这样做是为了确保尺寸保持不变。由于某种原因，这不起作用。但是，如果我将 setCropBoxData 函数更改为此
一切正常。
控制台中没有错误，什么都没有。我完全不知所措。