图像编辑无法使用 PHP 和 Javascript/Jquery [关闭]

Posted 2023-05-08

【中文标题】图像编辑无法使用 PHP 和 Javascript/Jquery [关闭]

【英文标题】：Image edit not working using PHP and Javascript/Jquery [closed]

【发布时间】：2021-11-12 00:57:00

【问题描述】：

图像编辑器不支持更改图像大小、裁剪、旋转和调整图像接触的选项。 如何使用 javascript 或 jquery 实现可自定义的图像编辑器选项。

只需要这种未来，例如裁剪、调整大小、使用撤消和重做选项进行调整。

<div>
  <img id="image" src="picture.jpg">
</div>

const image = document.getElementById('image');
const cropper = new Cropper(image, 
  aspectRatio: 16 / 9,
  crop(event) 
    console.log(event.detail.x);
    console.log(event.detail.y);
    console.log(event.detail.width);
    console.log(event.detail.height);
    console.log(event.detail.rotate);
    console.log(event.detail.scaleX);
    console.log(event.detail.scaleY);
  ,
);

【参考方案1】：

cropperjs 可以满足您的要求。

【讨论】：

cropperjs 中没有调整大小选项。

试试它的demo：fengyuanchen.github.io/cropperjs，你可以拖动调整图片大小，或者输入你想要的宽度/高度

不符合要求