理解JavaScript智能切图足本

图片可以让页面更有吸引力，特别是处置的适当的时候，但问题是，图片的处置是个费事事情，它的创立和裁剪关于一个一般人来说是个艰难的任务，特别是那些本人上传图片的会员，比方头像图片，logo图片，有大概是林林总总的图片格局，大小不一的图片尺寸。

比来发明了一个有味的阅读器端智能处置图片的JavaScript足本，smartcrop.js，它能智能的剖析图片的内容，识别出图片的主体内容和人像、人脸，我可以用它轻松的将一个图片裁剪成适宜大小，让人物、人脸或图景主体等最重要的部分突出，裁剪掉余外的部分。

不雅看演示

下面是一个样本，使用了两张Lady GaGa的相片，经过使用smartcrop.js处置后，使得两张图片非常适合做头像相片，图片中的头像放到了正中。

不雅看演示

这个js工具足本的调取办法十分的简便，只需要几行代码就能生效。

SmartCrop.crop(image, {width: 100, height: 100}, function(result){console.log(result);});
// {topCrop: {x: 300, y: 200, height: 200, width: 200}}

具体的介绍请查看它的官方文档，也可以下载它的源代码懂得它的工作道理。

引荐教程：《javascript根基教程》

以上就是理解JavaScript智能切图足本的具体内容，更多请关注百分百源码网其它相关文章！