【问题标题】:jQuery resize ( drag n drop ) & cropjQuery 调整大小(拖放)和裁剪
【发布时间】:2023-03-29 23:45:01
【问题描述】:

我一直在从事一个项目,其中涉及以下内容(这是我卡住的地方): 我必须使用非 Flash 上传器上传图片,即:http://blueimp.github.com/jQuery-File-Upload。 上传此图像后,它应该在灯箱(fancybox 等)中打开,用户应该可以选择 a)使用拖放功能调整图像大小(不给出实际坐标); b)将调整大小的图像裁剪为固定的宽度和高度。 如果以上能同时完成就好了!

我一直在寻找插件和插件,但我找不到任何可以同时完成上述操作的东西。 大家有什么想法吗?

谢谢, 赛博

【问题讨论】:

  • 我非常喜欢这种合成:拖放 n 裁剪

标签: jquery html drag-and-drop resize crop


【解决方案1】:

对于客户端,我建议查看imgAreaSelect plugin - 它提供了您提到的功能并且非常可定制。

就实际创建修改后的图像/缩略图而言,通常您会将坐标发布到后端并在那里进行实际的裁剪/调整大小/保存,例如使用 Python 的 PIL 或其他依赖于您的语言的图像库。

【讨论】:

  • 感谢您的回复。不幸的是,我上面提到的两个选项必须在客户网站上。 Here's an image 我到底需要什么:-用箭头重新调整图像的大小(我可能需要纵横比保持不变)-左上角和右下角带有正方形的正方形(逻辑!) left & right 代表实际的裁剪。
  • 好吧,让用户进行一些调整大小或裁剪的部分相对容易,例如请参阅 jquery ui:jqueryui.com/demos/resizable/#option-aspectRatio - 但是,归根结底,实际的图像处理必须在服务器上进行......我也看不到你在评论中提到的“我需要的图像”
猜你喜欢
  • 1970-01-01
  • 2015-02-01
  • 2018-09-22
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2010-10-03
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多