使用smartcrop.js进行重点图像裁剪

使用smartcrop.js进行重点图像裁剪

图片往往会使任何页面更具吸引力,尤其是正确处理时。 问题在于,自动创建图像并调整其大小可能是一项非常困难的任务,尤其是当图像由用户上传时,该用户知道图像的格式,大小和分辨率。 地狱,谁知道他们是否真的向您发送了图片(尽管验证他们是否已上传图片并不太困难)。

我最近发现了smartcrop.js ,这是一个出色JavaScript实用程序,可以分析图像的内容并找到任何图像的焦点(例如,人脸)。 它易于使用,并且在处理图像的重要部分方面表现出色。

看看我通过smartcrop.js测试平台放置的一些图像:

使用smartcrop.js进行重点图像裁剪

使用smartcrop.js进行重点图像裁剪

使用smartcrop.js进行重点图像裁剪

使用smartcrop.js进行重点图像裁剪

我不会为显示超级简单的代码示例而烦恼-您可以在smartcrop.js存储库中查看该示例 并确保在测试平台上玩耍。 我喜欢承认开发人员的壮举,而这是乔纳斯·瓦格纳(Jonas Wagner)所做的一些不可思议的工作!

翻译自: https://davidwalsh.name/smart-crop