【问题标题】:Image edit not working using PHP and Javascript/Jquery [closed]图像编辑无法使用 PHP 和 Javascript/Jquery [关闭]
【发布时间】: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);
  },
});

【问题讨论】:

    标签: javascript php jquery jquery-ui


    【解决方案1】:

    cropperjs 可以满足您的要求。

    【讨论】:

    • cropperjs 中没有调整大小选项。
    • 试试它的demo:fengyuanchen.github.io/cropperjs,你可以拖动调整图片大小,或者输入你想要的宽度/高度
    • 不符合要求
    猜你喜欢
    • 1970-01-01
    • 2010-12-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2010-09-05
    相关资源
    最近更新 更多