Javascript 从多个设备上载裁剪的图像，同时保持较大的图像大小
我的目标是允许用户上传一个配置文件图像，并在上传之前裁剪图像，以便很好地适应图像容器。这是一个非常普遍的问题 我遇到的问题是，当用户使用移动设备时，裁剪和上传的图像最终约为350像素宽，这导致在大屏幕上观看时图像高度像素化，最终根据需要拉伸图像（超过700像素） 流程如下：用户在本地选择新图片上传；然后将该图像植入浏览器中进行裁剪；生成的裁剪图像（base64）具有正确的纵横比，但像素大小（宽度和高度）与设备屏幕宽度一致，根据设备的不同，屏幕宽度可能非常小 我正在使用cropie.js进行裁剪，效果很好。但是，当在小型设备（手机等）上剪切时，浏览器中生成的base64图像的像素非常小。base64图像最终会被上传，因此这导致了上面提到的在大型设备上进行拉伸和像素化的问题 任何我忽略的输入或其他技术都将不胜感激。Per: 当您调用result时，使用size=original应该可以获得更高质量的图像，您可以将其缩放到显示时所需的大小 Per： 当您调用result时，使用size=original应该可以获得更高质量的图像，您可以将其缩放到显示时所需的大小Javascript 从多个设备上载裁剪的图像，同时保持较大的图像大小,javascript,image,canvas,Javascript,Image,Canvas,我的目标是允许用户上传一个配置文件图像，并在上传之前裁剪图像，以便很好地适应图像容器。这是一个非常普遍的问题 我遇到的问题是，当用户使用移动设备时，裁剪和上传的图像最终约为350像素宽，这导致在大屏幕上观看时图像高度像素化，最终根据需要拉伸图像（超过700像素） 流程如下：用户在本地选择新图片上传；然后将该图像植入浏览器中进行裁剪；生成的裁剪图像（base64）具有正确的纵横比，但像素大小（宽度和高度）与设备屏幕宽度一致，根据设备的不同，屏幕宽度可能非常小 我正在使用cropie.js进行裁剪，