jQuery Cropit设置结果宽度和高度而不是cropit-preview宽度和高度

时间:2016-12-28 09:30:10

标签: javascript jquery css

我正在使用此插件https://github.com/scottcheng/cropit

问题在于:

  1. 我不想对结果裁剪图像使用裁剪预览宽度和高度。
  2. 我希望我的图像裁剪为1900x1080,但我不想显示预览(裁剪框)1900 * 1080。
  3. 我试过了:

    <div class="cover-editor">
        <input type="file" class="cropit-image-input">
    
        <div style="width:400; height:225px"> // I put this so the preview won't bigger than this but still no luck
            <div class="cropit-preview"></div>
        </div>
    
        <div class="image-size-label">
            Resize image
        </div>
        <input type="range" class="cropit-image-zoom-input">
        <input type="hidden" name="cover" class="cover"/>
    </div>
    

    如果我设置

     $('.cover-editor').cropit({width: 400, height: 225});
    

    结果图像为400 * 225。

    JSFiddle:https://jsfiddle.net/e6cakyxq/

    有可能吗?

0 个答案:

没有答案