Как исправить ошибку IE при сохранении фотографии, отредактированной с помощью Konva? - PullRequest
Новая
       18

Как исправить ошибку IE при сохранении фотографии, отредактированной с помощью Konva?

0 голосов
/ 11 июня 2019

Я пытаюсь сделать редактор фотографий, добавлю несколько квадратов на изображения с помощью Konva JS. Я был в состоянии сделать вещи для всех браузеров, но, к сожалению, IE не может понять. Когда я пытаюсь сохранить отредактированное изображение, кажется, что оно игнорирует все из Konva (квадраты) и больше, чем растяжение изображения. Я спросил модератора Konva, поддерживает ли IE, и он сказал, что библиотека совместима с IE.

Приложение сделано в Laravel и запрос на сохранение отправляется в контроллер Ajax

Javascript: 

 function saveInCanvas () {
            destroyTransformer();
            destroyPreview();
            html2canvas(element, {
                onrendered: function (canvas) {
                    $("#previewImage").append(canvas);
                    getCanvas = canvas;
                    var keyFrameId = $('#current-frame').attr('attr');
                    destroyTransformer();

                    dataURL = getCanvas.toDataURL();
                    $.ajax({
                        type: "POST",
                        url: "{{ route('save_debrand') }}",
                        data: {
                            survey_id: {{ $survey->id }},
                            imgBase64: dataURL,
                            keyFrameId: keyFrameId,
                            _token: "{{ csrf_token() }}",
                        },
                        success: function(response){
                            debrandingPreviousNextImage("imageSaved");
                        }
                    });
                }
            });
        };

Контроллер: 

public function ajxSaveEdited(Request $request){

    $image    = Image::make($request->get('imgBase64'));
    $filename = uniqid().'.jpg' ;
    $file     = public_path('storage/surveys/'.$filename);
    $image->save($file);

}

Есть ли в IE что-то особенное для получения изображения с холста? Спасибо!

1 Ответ

0 голосов
/ 19 июня 2019

Я решил проблему, я просто применил z-index для холста, который динамически добавляется к div (именно так Konva создает холст)

...