Canvas strokeRect рисует прямоугольник в неправильных координатах - PullRequest
Новая
       88

Canvas strokeRect рисует прямоугольник в неправильных координатах

0 голосов
/ 09 мая 2018

У меня есть мои координаты, которые я получаю от бэкэнда как (x, y, w, h).

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

 $scope.uploadFile = function(files) {
                var fd = new FormData();
            //Take the first selected file
            fd.append("file", files[0]);
            var reader = new FileReader();

            reader.onload = function(event) {
                var tempImg = new Image();
            tempImg.src = event.target.result //result dene

            tempImg.onload = function() {
                var imgWidth = tempImg.width;
                var imgHeight = tempImg.height;

                c.width = imgWidth;
                c.height = imgHeight;

                ctx.drawImage(tempImg, 0, 0);
                ctx.strokeRect(248, 85,381, 219);
            }

            $scope.$apply()

        }

Я пытаюсь нарисовать прямоугольник по координатам, как указано выше. Но холст рисует в неправильных координатах. На самом деле, я предполагаю, что координаты x и y являются истинной шириной и высотой покупки, и они не совсем правильно рисуются. Заранее спасибо.

...