天天看點

smartcrop.js智能圖檔裁剪庫

首先我們可以使用<code>npm install smartcrop</code>或者<code>bower install smartcrop</code>來下載下傳它。然後像如下方式使用它:

它會輸出一個比較好的最佳圖檔裁剪位置,如<code>{topCrop: {x: 300, y: 200, height: 200, width: 200}}</code>的資料。

下面是一副來自它的展示網站的案例,請欣賞:

smartcrop.js智能圖檔裁剪庫

更多案例:

本文轉自破狼部落格園部落格,原文連結:http://www.cnblogs.com/whitewolf/p/smartcrop-dot-js-zhi-neng-tu-pian-cai-jian.html,如需轉載請自行聯系原作者

繼續閱讀