Как обрезать изображение Plotly? ⇐ Python

[Anonymous]

В настоящее время я работаю над приложением flask, которое используетplotly express для рендеринга интерактивного изображения. Я использую JavaScript для отслеживания фигур, нарисованных пользователем. Я мог бы получить координаты, используяplotly js. Как обрезать отображаемое изображение? Могу ли я обрезать его во внешнем интерфейсе с помощью JavaScript вместо того, чтобы делать это во внутреннем интерфейсе?

Вот мой код:

Яваскрипт

var aoiCoordinates; var aoiImage = document.getElementById('aoi-image-container'); aoiImage.on('plotly_relayout', (eventData) => { если (eventData.hasOwnProperty('фигуры')) { вар формы = eventData.shapes; аойКоординаты = []; for (var i = 0; i < shape.length; i++) { вар x0 = parseInt(shapes.x0); var x1 = parseInt(shapes.x1); var y0 = parseInt(shapes.y0); var y1 = parseInt(shapes.y1); } } }); HTML

Область интереса Python Flask

@app.route("/", методы=["GET", "POST"]) защита процесса_изображения(): если не session.get("logged_in"): вернуть перенаправление("/логин") если запрос.метод == "POST": img = cv2.imread(UNINFERENCED_IMAGE_FILE_PATH) img = cv2.cvtColor(img, cv2.COLOR_BGR2RGB) рис = px.imshow(img) fig.update_layout( ширина=950, высота=850, маржа=dict(l=7, r=7, t=0, b=0), xaxis=dict(visible=False), yaxis = dict (видимый = False), шаблон="plotly_dark", ) aoi_html = fig.to_html( конфигурация={ "modeBarButtonsToAdd": [ "вытянуть", "стереть форму", ] }, div_id="aoi-контейнер") вернуть render_template( "correct_detections_form_template.html", image_info = image_info, class_options = class_options, info_message="Пожалуйста, выберите классы для выполнения вывода!", aoi_html=aoi_html ) Мой единственный известный подход — перезаписать изображение на сервере.