尝试通过反应调整图像大小

Question

我正在尝试构建一个网络应用程序，允许用户上传图像，然后选择调整大小和裁剪的参数。我已经决定使用react-cropper 处理裁剪，但我不知道如何处理调整大小本身。大家有什么推荐的套餐吗？或者，我能否就如何在反应中实现这一点提出一些建议，以产生美观的图像，缩放比例一致，纵横比一致？

我是 reactjs 和一般开发的新手，所以任何关于如何构建这个系统的详细建议都会有很大帮助。

谢谢

反应

Answer 1

问题是：您会在服务器上还是在浏览器中处理图像大小调整/优化？

我最近做了一个项目，需要在浏览器中操作 DOM 并导出为新图像。我正在使用库dom-to-image

它可以将您的 React 组件转换为 jpeg、png 或 svg。所以解决方案是您在浏览器中使用任何 React 或 javascript 库（如 react-resizable）来处理大小调整，并使用 dom-to-image 导出图像。

希望对你有帮助。