PhotoCrop

Picture viewer and tailoring on the mobile

live demo 请使用 chrome 移动端模拟 或者 手机查看

Todo

• 限制不留空白
• 缩放限制
• 双指缩放和旋转
• 支持 src / img / input[type="file"]
• 图片裁剪 （待定功能：【滤镜, 马赛克】）

Problems

Use

new PhotoCrop(img<String, Object:Dom[tag: img | input]>, options)

Options(已实现)

{
    headerText: '图片查看',
    uploadText: '重新上传',
    editText: '编辑',
    closeText: '关闭',
    completeText: '完成',
    enableRotate: true,
    enableDoublePan: true,
    enableZoom: true,
    noRedundant: true,
    limitZoom: [1, 2],
    limitRotate: 90,
    DoublePanZoom: 1.5,
    resetTime: 800,
    save: null
}

Dependencies

• alloyfinger
• css3transform