2016-11-17 2 views
3

모덜 윈도우에서 이미지를 자르려면 크로퍼 플러그인 (버전 2.3.4)을 사용하고 있습니다. 옵션으로 '대시 : 거짓'을 사용할 때를 제외하고는 모든 것이 잘 작동하는 것처럼 보입니다. 파선은 제거되지 않습니다. 여기 뷰 파인더에서 파선을 제거하지 않는 크로 핑 플러그인

코드의 작은 비트 요소 여기

$('#imageToCrop').cropper({dashed: false, aspectRatio: 1/1}); 

에 농작물을 초기화하는 것이

enter image description here

참고로 윈도우에서의 모습입니다 - 나는 정확한 코드를 실행 웹 사이트의 예에서 보면 점선이 계속 보입니다.

$(".fixed-dragger-cropper > img").cropper({ 
 
    aspectRatio: 640/320, 
 
    autoCropArea: 0.6, // Center 60% 
 
    multiple: false, 
 
    dragCrop: false, 
 
    dashed: false, 
 
    movable: false, 
 
    resizable: false, 
 
    built: function() { 
 
    $(this).cropper("zoom", 0.5); 
 
    } 
 
});
<div class="modal" id="bootstrap-modal"> 
 
    <div class="modal-dialog"> 
 
    ... 
 
    <div class="modal-body"> 
 
     <div class="bootstrap-modal-cropper"> 
 
     <img src="img/picture-1.jpg"> 
 
     </div> 
 
    </div> 
 
    ... 
 
    </div> 
 
</div>

+0

답을 확인하면 도움이됩니다. – Prateek

답변

0

점선은 실제로 가이드'+'마르크는 자른 영역의 중심을 보여주는 것이다라고합니다.

$(".fixed-dragger-cropper > img").cropper({ 
    aspectRatio: 640/320, 
    autoCropArea: 0.6, // Center 60% 
    multiple: false, 
    dragCrop: false, 
    guides: false, //removes dashed lines 
    center: false, //removes + sign 
    movable: false, 
    resizable: false, 
    built: function() { 
    $(this).cropper("zoom", 0.5); 
    } 
});