Javascript 裁剪：图像比视口大

我正在使用以下方法裁剪图像：

var basic = $('#demo-basic').croppie({
            viewport: {
                width: 640,
                height: 640
            },
            boundary: {
                width: 640,
                height: 640
            },
            showZoom: false
        });

        basic.croppie('bind', {
            url: 'image.jpg'
        });

我需要的结果图像大小为640*640，我只使用大于640*640的图像，如果我将结果设置为

 basic.croppie('result', {
                type: 'canvas',
                size: 'viewport'
            }).then(function (src) {
                window.open(src);
            });

我如何在移动屏幕上解决这个问题（屏幕宽度为320px）？生成的图像仍然必须是640*640，并且必须是用户在裁剪（预览）时实际看到的图像。 我尝试更改

视口

或

边界

参数，但生成的图像与用户在裁剪（预览）时看到的图像不同

---

TLDR：如果原始图像和裁剪后的图像都大于屏幕宽度，如何裁剪图像？

通过使用不同的插件解决：

这可能会帮助您-

basic.croppie('result', {
            type: 'canvas',
            size: { width: 640, height: 640 }
        }).then(function (src) {
            window.open(src);
        });

---

我也在寻找一个更容易理解的脚本。从问题的评论来看，我觉得这在croppie中是可能的，但是文档和示例都很差，而且开箱即用，它不是一个响应性很强的脚本。