DEV: Переход на Cropper.js

Ранее писал в комментариях про это, но лучше создать отдельный пост.

Есть вещи которые пока не работают, собственно для отладки и лучше отдельную ветку сделать (пост).

А вот исходники, лицензия MIT:

https://github.com/fengyuanchen/cropperjs

11 Ответов

  1. А можно упростить ещё форму добавления поста? Предложения готовлю.

    1. Спасибо. 👍

  1. Область холста необходимо уменьшить
    Снимок экрана 2025-01-11 в 16.20.55.png
    Снимок экрана 2025-01-11 в 16.20.43.png

    1. В посте пока не работает. Думаю, как лучше сделать. Там всё это достаточно много места занимает. Желательно сократить.

  1. Как работает Cropper.js при добавление поста можно сейчас глянуть, сделал фиксированные размеры.

    cropperAva = new Cropper(previsaoImagemCover, {
        dragMode: 'move',
        autoCropArea: 0.65,
        restore: false,
        guides: false,
        center: false,
        highlight: false,
        cropBoxMovable: false,
        cropBoxResizable: false,
        toggleDragModeOnDblclick: false,
        data:{
          width: 1050,
          height: 500,
        },  
    });

    Там настроек очень много. 👍

    1. Логотип для блога и аватарку фиксировать ещё необходимо, — 160px.

      1. Надо посмотреть, как это будет выглядеть, вроде логично получится.

    1. День добрый! Область сдвинулась немного)
      Снимок экрана 2025-01-13 в 14.18.47.png

      1. Приветствую. Так там надо двигать фото. Если рамка шире фото, то фото узкое. Рамка это точные размеры фото который надо: 900px. Для заставки используется фото шириной от 900px.

        Вот как ограничить, чтобы пользователи не добавляли фото которые не подходит? Вопрос.

        Там написано: Ширина, больше 900px. Ориентация горизонтальная. Но вы игнорировали и другие будут игнорировать рекомендации.

        Для заставки надо фото от 900px, а если я буду туда заливать фото 400px, как меня остановить? Или не останавливать, растягивать любое фото, даже 50px до 900px и пусть оно будет кривое? У меня одни вопросы, как лучше сделать. 😄

        Скрипт подразумевает любой вариант. Что угодно можно реализовать, вопрос что.

        1. Область которую мы выбираем, разве не должна стоять по центру?))
          Каждый раз она на новом месте 😄
          Снимок экрана 2025-01-13 в 18.39.35.png

          1. Посмотрю что это, может настройка какая есть. Там их сотни )