javascript - 按比例裁剪图像

Question

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

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

这是选择区域。

---

这是 index.php 代码； 点击

这是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 点击

标签： javascriptphpimagecrop