我正在使用 https://github.com/Foliotek/Croppie裁剪图像:
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);
});
我如何在移动屏幕(屏幕宽度大约为 320 像素)上解决这个问题?生成的图像仍然必须是 640*640,并且必须是用户在裁剪(预览)时实际看到的图像。
我尝试更改 viewport
或 boundary
参数,但生成的图像与用户在裁剪(预览)时看到的图像不同。
TLDR:如果原始图像和裁剪后的图像都大于屏幕宽度,我该如何裁剪图像?
最佳答案
这可能对你有帮助-
basic.croppie('result', {
type: 'canvas',
size: { width: 640, height: 640 }
}).then(function (src) {
window.open(src);
});
关于javascript - 庄稼 : image bigger than viewport,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34945149/