smartcrop.js智能图片裁剪库

标签: smartcrop.js 智能 图片 | 发表时间:2015-10-13 13:58 | 作者:
分享到:
出处:http://greengerong.github.io/

今天将为大家介绍一款近期github上很不错的开源库 – smartcrop.js。它是一款图片处理的智能裁剪库。在很多项目开发中,经常会遇见上传图片的场景,它可能是用户照片信息,也可能是商品图片等。然而在网页布局中,为了更好的用户体验,它们往往都需要一些宽度和高度的限制。对于不合适的图片,常常需要为用户提供一种裁剪方式,以此来满足网站更好的用户体验。但是图片默认的裁剪区域往往被显示在一个固定的位置,而这个位置却往往又不是精准的用户裁剪位置。因此今天为大家介绍的这一款开源库,就是为了解决这类问题,并为用户提供更好的用户体验的。

首先我们可以使用 npm install smartcrop或者 bower install smartcrop来下载它。然后像如下方式使用它:

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

它会输出一个比较好的最佳图片裁剪位置,如 {topCrop: {x: 300, y: 200, height: 200, width: 200}}的数据。

下面是一副来自它的展示网站的案例,请欣赏:

smartcrop-图片裁剪-案例

更多案例:

  1. http://29a.ch/sandbox/2014/smartcrop/examples/testsuite.html:这里拥有超过1000个图片效果的展示(流量用户请谨慎点击,图片众多);
  2. http://29a.ch/sandbox/2014/smartcrop/examples/testbed.html:这里允许上传本地的图片,并体验其效果;
  3. http://29a.ch/sandbox/2014/smartcrop/examples/slideshow.html:在这里可以尝试用它创建幻灯片。

最后,更多关于smartcrop.js的信息,请参见其github: https://github.com/jwagner/smartcrop.js

相关 [smartcrop.js 智能 图片] 推荐:

smartcrop.js智能图片裁剪库

- - 破狼 Blog
今天将为大家介绍一款近期github上很不错的开源库 – smartcrop.js. 在很多项目开发中,经常会遇见上传图片的场景,它可能是用户照片信息,也可能是商品图片等. 然而在网页布局中,为了更好的用户体验,它们往往都需要一些宽度和高度的限制. 对于不合适的图片,常常需要为用户提供一种裁剪方式,以此来满足网站更好的用户体验.

五大可识别图片的人工智能技术

- - ITeye资讯频道
很长一段时间以来,人工智能的研究都停留在文字层面,比如著名的图灵测试(Turning Test),证明了机器能够像人类一样智能地回答书面问题. 而如果让机器变得更聪明,仅仅处理文字显然是不够的. 事实上,人类心智非常善于视觉处理. 从所见当中识别图案、物体以及文本情景的能力让我们很智能,这种能力也是人的本质特征.

智能拼音

- jerry - Joyloft-Zenzen的酒楼
有人装纯洁的,就有人装更纯洁的、. 看到公司论坛有人问,TJJTDS是什么意思. 就有人回复,我也不知道,不过我的拼音输入法打出来的是:“他晋级他得胜”. 然后有人纠正:是“他拒绝她的说”;. 然后又有人纠正:“太极集团董事”;. 接着有人反驳:“天津交通堵塞”;. 最后最邪恶的人出来了,他的拼音打出来是:“舔鸡鸡舔到射”….

分享图片

- 糖果 - 变态辣椒的时政漫画

javascript图片切换

- Haipeng - 博客园-首页原创精华区
闲来无事,练习js,参照网上的一些源码写了一个图片切换程序,刚来博客园,不懂怎么发布js程序,懂的朋友可以留言告之. 1.图片切换效果有以下几种:随机切换   4格纵向百叶窗  16格横向百叶窗  由里至外逐渐放大   中间向左右两边逐渐放大   中间向上下两边逐渐放大   由上至下落幕   由左至右   由左上至右下   由右下至左上              8格纵向百叶窗    8格纵向百叶窗2   8格万花筒  24格万花筒  4格滑行左上至右下  4格滑行左上至右下  4格滑行落幕   4格滑行延伸.

图片会说话

- aeaanli - YesKafei Daily
任天堂Wii 手柄 Classic Controller Pro. wii| T-Freestyle NW 单板滑雪模拟器. Wii 不再孤独,微软发布身体感应游戏机 Xbox 360 Kinect. Wii 这样的外设你想拥有嘛. 织梦DedeCms魅友吧手机图片模板分享 | 织梦(Dedecms)管理员之家 (@dedeadmin).

明天的智能交通

- limo - 科学松鼠会
城市是一头巨兽,而在城市中穿行的交通工具就组成了它的血液. 小汽车、公交、地铁、火车,它们将人和货物从城市的一个地方运到另一个地方,保障城市的正常运作. 血管堵塞对人来说足以致命,道路堵塞对城市来说则会造成重大损失. 所以,保持血脉的畅通,是维持城市正常运作的重要一环. 但在北京上海这样的巨型城市中,大型的雪崩式的堵塞却常常发生.

Thermodo智能温度计

- - 创意产品,创意设计,创意生活--先看看
由Robocat设计的Thermodo是一款智能温度计,只需将它插到安卓手机或者iPhone手机的耳. 机插孔,手机打开对应APP,即可读取当前环境温度. 内置一个高灵敏感应器,无论用户是身处. 寒冷的雪山顶峰,亦或是在大汗淋漓的桑拿房,Thermodo都能让你的手机读出准确的环境温度. 有黑、红和银三种颜色可供选择,售价29.99美金~44.99美金,有售: thermodo.com.

比智能手机更好用的智能固话

- - 极客公园-GeekPark
[核心提示]在办公室和家里,我们推荐你用智能固定电话,而不是越打越烫的手机. 当固定电话的使用体验和手机一样智能,又保留了固话通话稳定,舒适并且价格便宜的优点时,你还会在办公室或家里用手机打电话么. 国内团队 Geartech 推出一款搭载 Android 系统, 8 寸 1024*768 分辨率触摸屏的固定电话,支持和手机共享通讯录,并且内置 wifi、蓝牙和传统电话线接口,支持 QQ、Skype 等网络视频和传统电话通话.

如何入侵联网智能灯泡——LIFX智能灯泡

- - FreeBuf.COM | 关注黑客与极客
这篇文章的“主人公”,即LIFX智能灯泡. 根据官方描述,这种灯泡配备了WiFi功能,可以进行多色调节,它是一种高效节能的LED灯泡,并且可以通过智能手机[1]远程控制. 考虑到它使用了新型的无线网络协议以及其进入市场的高调程度,因此我们选择对这款物联网设备进行安全分析. LIFX项目最初于2012年9月份在众筹网站Kickstarter上发起,当时该项目大受欢迎,其最终筹得的资金是原始计划的十三倍之多.