2016-11-17 98 views
3

我使用裁剪插件(版本2.3.4)在模态窗口中裁剪图像。除了当我使用'dashed:false'作为选项时,一切似乎都正常工作,虚线不会被删除。裁剪插件不删除视图中的虚线

这里是代码的小位初始化元素

$('#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); 
    } 
});