Проблема с бумагой js Аннотации при размещении на холсте из-за разрешения - PullRequest
Новая
       35

Проблема с бумагой js Аннотации при размещении на холсте из-за разрешения

0 голосов
/ 24 апреля 2020

У меня есть экран с левой областью 75% и правой областью 25%. В левой области я показываю холст, используя бумагу js. Я должен соответствовать холст на основе системного разрешения и свободного места на левой стороне. Поэтому я вычислил ширину левой стороны, как ($ ('# leftarea'). Width (), и на основе этой ширины я вычисляю высоту в соотношении сторон 4: 3.

Но моя проблема заключается в том, когда на холсте я отмечаю, что аннотации отображаются в разных местах с разным разрешением. холст. В этом случае во всех разрешениях аннотации отображаются корректно. Но когда я вычисляю ширину холста на основе доступного пространства, тогда только я получаю проблему. 

// Set paper.js view size
            p.view.viewSize = new p.Size(canvas.width, canvas.height);
            p.view.draw();

            paper.Raster.prototype.rescale = function(width, height, imgWdh, imgHei) {
                this.scale(width / imgWdh, height / imgHei);
            }

            var calculateAspectRatioFit=function(srcWidth, srcHeight, maxWidth, maxHeight) {
                var ratio = Math.min(maxWidth / srcWidth, maxHeight / srcHeight);
                return { width: srcWidth*ratio, height: srcHeight*ratio };
             };
...