这是一款仿 Ken Burns 效果的 jQuery 幻灯片插件。该幻灯片插件是基于 smartcrop.js 插件的,smartcrop.js 是一款用于剪裁图片的 js 插件。Ken Burns 效果是将图片逐渐平移放大的动画效果。Ken Burns 效果是指将图片局部放大移动的一种动画效果。下面的图片说明了这个动画过程,左边的图片被红线圈住的地方将会平滑的动画过渡到右边的图片。
这个 Ken Burns 效果依赖于 smartcrop.js。该插件是一款用于裁剪图片的 js 插件。该插件的使用方法为:
SmartCrop.crop(image, options, callback)
image:可以是 HTMLImageElement、HTMLCanvasElement 或 HTMLVideoElement
options:配置参数,参考下方的参数描述
callback:裁剪图片结束后的回调函数
debug:如果设置为 true,cropResults 将包含一个 debugCanvas
minScale:最小的裁剪矩形区域
width:裁剪区域的宽度
height:裁剪区域的高度
例如可以如下使用:
SmartCrop.crop(image, {width: 100, height: 100}, function(result){console.log(result);});
演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务,详询在线客服!