photoclip 图片旋转_jQuery.photoClip头像图片上传裁剪旋转放大缩小代码

js代码

$(function(){

var html = '

';

html += '

html += '

';

html += '

点击上传图片

';

html += '';

html += '

';

html += '

裁剪图片

';

html += '

选转

';

html += '

放大

';

html += '

缩小

';

html += '

(鼠标滚轮为缩放，每次双击则顺时针旋转90度)

';

html += '

';

html += '

$('#tt').html(html);

clip();

});

function clip(){

$("#clipArea").photoClip({

size: [200, 200],

file: "#file",

ok: "#clipBtn",

view:"#imgcav",

rotaBtn:'#rotaBtn',

bigBtn:'#bigImg',

smallBtn:'#smallImg',

outputSize:[200, 200],

loadStart: function() {

console.log("照片读取中");

},

loadComplete: function() {

console.log("照片读取完成");

},

clipFinish: function(dataURL) {

var img = '';

$('#imgHtml').html(img);

}

});

}