HTML5 实现 alarm 壁纸的剪裁(smartcrop.js 教程)
Posted 悦码
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML5 实现 alarm 壁纸的剪裁(smartcrop.js 教程)相关的知识，希望对你有一定的参考价值。
html5 很强大，或者说 javascript 编程语言很强大，它们能在网页上实现智能剪裁。制作各种各样的壁纸，例如：alarm壁纸。在还有图片的壁纸上，能智能的分辨出人脸等。本文将借助 smartcrop.js 来实现一款智能图片裁剪。
smartcrop.js 简介
smartcrop.js 是一款内容感知图像裁剪插件。Smartcrop.js实现了一种算法来查找图像的良好作物。
smartcrop.js 组件的原理
smartcrop.js 组件的原理大致是根据颜色饱和度进行范围扩散裁剪。这是JS实现的算法，读像素点的颜色然后根据特定的算法（比如算色差，渐变度等）找出可能是重点的部分。
Smartcrop.js使用相当愚蠢的图像处理。简而言之：
使用laplace查找边缘
使用皮肤等颜色查找区域
找到饱和度较高的区域
按选项指定的区域提升区域（例如检测到的面部）
使用滑动窗口生成一组候选作物
使用重要性函数对它们排序，以将细节集中在中心并避免它在边缘。
输出最高等级的候选作物
安装
使用 npm 命令安装：
|
1
以上是关于HTML5 实现 alarm 壁纸的剪裁(smartcrop.js 教程)的主要内容，如果未能解决你的问题，请参考以下文章 |