按比例裁剪图像

编程问答 2022-06-02

问题描述

我正在尝试制作个人资料和封面图片选择器。我找到了 this 个视频。并将这个系统集成到我的网站中。但是有一个问题，我想不通。图像正在按选择区域分辨率裁剪。 （例如，您正在尝试使其具有响应性。并将选择区域分辨率设置为 100x100 以适合移动设备屏幕。应用时将图像裁剪为 100x100 分辨率。

我想要的是，选择区域应该代表所需的图像分辨率，但大小不同。 （例如，我想要一个 512x512 的裁剪图像。但在选择框中，响应式网站应该是 100x100 或 200x200px）我该如何制作？

这是选择区域。

selection area

这里是 index.PHP 代码； click

这里是upload.PHP

<?PHP

//upload.PHP

if(isset($_POST["image"]))
{
 $data = $_POST["image"];

 $image_array_1 = explode(";",$data);

 $image_array_2 = explode(",",$image_array_1[1]);

 $data = base64_decode($image_array_2[1]);

 $imageName = time() . '.png';

 file_put_contents($imageName,$data);

 echo '<img src="'.$imageName.'" class="img-thumbnail" />';
}

?>

这是croppie.js click

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

cropimageimageimagejavascript