问题标签 [react-image-crop]

我正在尝试在我的 Electron 应用程序中添加一个简单的图像裁剪功能。我想要这样的东西。

我试过react-image-crop和react-cropper，但都没有工作。

使用后一个库，我只是做了：

结果如下所示，我无法选择该区域。

使用以前的库，它只在图像周围显示一个橙色框，并且不允许裁剪它。

我想某些 JS 功能在 Electron 中无法正常工作，但我不知道这里到底发生了什么。任何帮助将不胜感激解释它并使其工作。

我正在使用react-image-crop包为博客实现裁剪功能。我复制了这段代码片段中的几乎所有代码，并将其改编为我的代码。我的站点使用 django() 从在开发服务器中运行的后端获取图像，python manage.py runserver ip:port前端使用npm start. 裁剪图像时会引发此错误。

谷歌之后，它说我需要为crossorigin图像添加一个属性，但是当我这样做时，这个图像没有加载。

有没有办法做到这一点，而无需在生产服务器中提供文件？

我正在尝试裁剪图像然后上传到服务器，但是 api 服务器接受图像为 base64 格式，它似乎不起作用，如果有任何解决方法？非常感激！！！我将图像作为 blob，我不知道如何将其转换为 base64。

这是我从图像标签得到的输出

请看下面的代码

我想在我的网站中创建一个关于裁剪文章图像的模块。我正在使用反应裁剪图像。

我在将画布转换为 blob 时遇到问题。如果有建议，我会收到一个错误， SecurityError: Failed to execute 'toBlob' on 'HTMLCanvasElement': Tainted canvases may not be exported.我想找到另一种解决方案或裁剪图像的方法。

这是我所关注的：

我有这个代码来响应裁剪图像并将其绘制在画布中。

现在，我想在 api 服务器中将其转换为 blob 和 POST，我创建了一个按钮来提交文章，并有一个此函数的事件，并且我的错误发生在哪里：

我正在搜索错误，它与 CORS 有关。无论如何我可以裁剪我的图像而不用画布绘制它吗？或任何裁剪图像的方法或任何解决方案？

我真的对错误一无所知。因此，非常感谢任何只是为了实现我的裁剪图像目标的建议。

希望你一切都好:)

我正在尝试使用 react-image-crop 库设置多个作物，但是很难理解其背后的逻辑。我已经阅读了文档并尝试了不同的方法，但它们似乎都不起作用。基本上，我想：

1. 扫描图片
2. 自动裁剪到 3 个不同的地方
3. 并将它们发送到服务器

这是我的代码：

我已经设法将裁剪后的图像转换为 base64，但我被困在自动获得多个作物上。请帮忙 ：（

库/框架 - React JS 和 react-image-crop ( https://codesandbox.io/s/72py4jlll6 )

使用 react-image-crop 我正在尝试为“多个图像”实现相同的功能。但是，会为所有裁剪的图像生成 blob 图像 url，但除了最后一个裁剪的图像之外，所有其他 url 在下载时都已损坏。我尝试了很多调试和探索，但找不到解决此问题的合适方法。

代码片段： -

任何帮助将不胜感激。

谢谢

我正在尝试将高分辨率图像裁剪为更易于管理的东西。我正在尝试读取目录而不是单个图像，并将新裁剪的图像保存在另一个目录中。我想将所有输出图像都设为 .png，就像我在代码中所做的那样。

对此问题的任何帮助表示赞赏。

如何在使用包“react-native-image-crop-picker”捕获的组件中显示视频的预览图像？

对于使用过上述两个库的任何人，我都在尝试完成以下功能：

用户将能够查看、旋转、缩放、平移图像，并且一旦在图像的所需位置上，就能够裁剪该区域。

我遇到的第一个问题是“ReactCrop”不允许我在“TransformComponent”内部进行裁剪，但将子元素传递给它的唯一方法是将其定位在组件之间。我可以看到要裁剪的十字准线，但是当我尝试拖动图像时，它只会移动图像（react-zoom-pan-pinch 行为）

如果有人有任何其他想法来完成上述功能，我也会对探索它们非常感兴趣。谢谢！

知道如何在本机反应中使用图像表吗？例如，如果我有这样的图像表，有没有办法可以定义框架尺寸并重用一个图像来显示多个图标？

类似的问题：如何在本机反应中使用我的图标精灵表？

找到了使用 ImageBackground 的方法：裁剪图标的图像

探索其他选择。