画布strokeRect以错误的坐标绘制矩形

时间:2018-05-09 12:12:46

标签: javascript html angularjs canvas web

我的坐标是从后端得到的(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坐标是真的购买宽度和高度并不完全正确。提前致谢。

0 个答案:

没有答案