Jcrop如何直接显示裁剪框

Question

裁剪框在点击图片后才能出现，这样貌似用户体验不太好，因为很多人不知道该怎么用。能不能直接显示裁剪框呢？

Answer 1

很高兴能回答您的问题。

Jcrop的setting显示

setSelect 	
array [ x, y, x2, y2 ] 	
Set an initial selection area

所以初始化时我们可以这样来直接显示剪裁框：

$('#jcrop-target').Jcrop({
	setSelect:[0,0,300,900]
});

我简单写了一个示例，请参见RUNJs：http://runjs.cn/detail/daeosnwo

最后：官网的文档，是你的良师益友。

Answer 2

很高兴能回答您的问题。

Jcrop的setting显示

setSelect 	
array [ x, y, x2, y2 ] 	
Set an initial selection area

所以初始化时我们可以这样来直接显示剪裁框：

$('#jcrop-target').Jcrop({
	setSelect:[0,0,300,900]
});

我简单写了一个示例，请参见RUNJs：http://runjs.cn/detail/daeosnwo

最后：官网的文档，是你的良师益友。