<!DOCTYPE html>
<html lang="en">
<head>
<title>API Demo | Jcrop Demo</title>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
<script src="../js/jquery.min.js"></script>
<script src="../js/jquery.Jcrop.js"></script>
<link rel="stylesheet" href="../css/jquery.Jcrop.css" type="text/css" />
<script>
$(function () {
var jcrop_api;
$("#img1").Jcrop({
/* aspectRatio:2/1, //這是寬高比*/
minSize:[600,300],//最小寬度，和高度
maxSize:[600,300],//最大寬度，和高度
setSelect:[0,0,600,300], //初始區(qū)域
/* bgColor:"#fff"顏色設(shè)置*/
/* bgOpacity:0.1 透明度設(shè)置*/
allowResize:false,
boxWidth:400 ,//同比縮放寬，和同比縮放高是一樣的，一般來說設(shè)置一個(gè)就夠了
onSelect:function (p) {//當(dāng)選擇完成時(shí)調(diào)用
console.log(p);
}/*,
onChange:function (p) {//選擇事調(diào)用
},
onRelease:function () {//選擇釋放后執(zhí)行
}*/
},function () {
jcrop_api=this;
});//這是調(diào)用，基礎(chǔ)使用方法
$('button.setSelect').click(function () {
jcrop_api.setSelect([100,100,300,300]);
});
$('button.tellSelect').click(function () {
console.log(jcrop_api.tellSelect());
});
});
</script>
</head>
<body>
<button class="setSelect">setSelect</button>
<button class="tellSelect">tellSelect</button>
</body>
</html>
Jcrop 簡(jiǎn)單使用
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。
相關(guān)閱讀更多精彩內(nèi)容
- 我們經(jīng)常會(huì)這樣夸贊一個(gè)女生：你最近皮膚變得真好，是用什么護(hù)膚品還是談戀愛了？ 這也不是不無道理，有的女性在完成結(jié)婚...
- 17年8月8日晚，我在二十六樓的高處地震來了。 地震悄無聲息地在這樣風(fēng)平浪靜的時(shí)候登錄了，沒有任何的征兆，強(qiáng)烈的搖...
- 在歡樂頌里，樊勝美有這幾個(gè)標(biāo)簽，虛榮，拜金。 說實(shí)話，樊勝美很美，又會(huì)打扮，在外企工作，情商很高，很懂得與人交往，...
