图片可以让页面更有吸引力，尤其是处理的恰当的时候，但问题是，图片的处理是个麻烦事情，它的创建和裁剪对于一个普通人来说是个困难的任务，尤其是那些自己上传图片的用户，比如头像图片，logo图片，有可能是各式各样的图片格式，大小不一的图片尺寸。
最近发现了一个有趣的浏览器端智能处理图片的JavaScript脚本，smartcrop.js，它能智能的分析图片的内容，识别出图片的主体内容和人像、人脸，我可以用它轻松的将一个图片裁剪成合适大小，让人物、人脸或图景主体等最重要的部分突出，裁剪掉多余的部分。
观看演示
下面是一个样本，使用了两张Lady GaGa的照片，经过使用smartcrop.js处理后，使得两张图片非常适合做头像照片，图片中的头像放到了正中。
立即学习“Java免费学习笔记（深入）”；
观看演示
这个js工具脚本的调用方法十分的简单，只需要几行代码就能生效。
SmartCrop.crop(image, {width: 100, height: 100}, function(result){console.log(result);});
// {topCrop: {x: 300, y: 200, height: 200, width: 200}}详细的介绍请查看它的官方文档，也可以下载它的源代码理解它的工作原理。
推荐教程：《javascript基础教程》
以上就是了解JavaScript智能切图脚本的详细内容，更多请关注php中文网其它相关文章！
java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
777
