Ткани JS IOS Проблемы - PullRequest
Новая
       5

Ткани JS IOS Проблемы

0 голосов
/ 17 марта 2019

Привет, возникли проблемы с получением этого рендеринга только на iPhone Safari или Chrome. работает на всех других устройствах и браузерах.

Размер изображения составляет 1024 x 1024, и edit_canvas большой (4000x4000), но мы проверили это на холсте без ткани, и он работает.

Маска предварительно загружается при загрузке страницы.

Любая помощь была бы потрясающей, если бы вы ходили кругами. 

            var tempCanvas = document.createElement('canvas'); 
            tempCanvas.id = "tempCanvasID";
            var tempCTX = tempCanvas.getContext("2d");

            tempCanvas.width = objWidth;
            tempCanvas.height = objHeight;
            tempCTX.save();



            tempCTX.drawImage(mask, 0, 0, objWidth, objHeight);  

            tempCTX.globalCompositeOperation = 'source-in';
            tempCTX.drawImage(videoElement, baseX, baseY, baseDimension, baseDimension, 0, 0, objWidth, objHeight); 


            fabric.Image.fromURL(tempCanvas.toDataURL(), function (img) {
                img.width = objWidth;
                img.height = objHeight;
                img.left = XPos;
                img.top = YPos;
                img.hasRotatingPoint = false;
                img.lockScalingX = true;
                img.lockScalingY = true;
                img.hasControls = false;
                img.selectable = false;
                if (rgb !== false) {
                    img.filters.push(new fabric.Image.filters.Tint({
                        color: 'rgb(' + r + ',' + g + ',' + b + ')',
                        opacity: 0.45
                    }));
                    img.applyFilters();

                }
                edit_canvas.add(img);

            });
...