首页 > 解决方案 > 设置大小框裁剪 (Cropper Js)

问题描述

我在下面复制的代码运行良好。用于剪切图像。问题是,这很好,但我无法定义初始作物的大小。我只需要一个正方形来标记我从 400 x 400 像素开始切割的内容。

谢谢!

    $(document).ready(function(){
    
        var $modal2 = $('#modal2');
    
        var image2 = document.getElementById('sample_image2');
    
        var cropper2;
    
        $('#upload_image2').change(function(event){
            var files2 = event.target.files;
    
            var done2 = function(url){
                image2.src = url;
                $modal2.modal('show');
            };
    
            if(files2 && files2.length > 0)
            {
                reader2 = new FileReader();
                reader2.onload = function(event)
                {
                    done2(reader2.result);
                };
                reader2.readAsDataURL(files2[0]);
            }
        });
    
        $modal2.on('shown.bs.modal', function() {
            cropper2 = new Cropper(image2, {
                aspectRatio: 1,
                viewMode: 3,
                preview:'.preview2'
            });
        }).on('hidden.bs.modal', function(){
            cropper2.destroy();
            cropper2 = null;
        });

标签: javascriptjquerycropper

解决方案


推荐阅读