почему изображение не по центру на холсте с помощью angularjs?

Question

подскажите, пожалуйста, почему мое изображение не центрировано. Я использовал этот метод

function drawImage() {
                    clear();
                    element.save();
                    element.scale(currentScale, currentScale);
                    element.rotate(currentAngle * Math.PI / 180);
                    element.drawImage(image, canvas.width/2-image.width/2, canvas.height/2-image.height/2);
                    element.restore();
                }

вот мой код http://plnkr.co/edit/Tvika6ygEBGmR9OMLSaT?p=preview

ожидаемый результат

Answer 1

сначала вы используете масштаб, поэтому вы должны сделать что-то вроде

image.width * currentScale

тогда вы должны использовать

Math.abs() для положительного значения

или проверьте ширину изображения / 2 не больше ширины холста / 2

ваши текущие значения -1578 -2129

для этой строки

 element.drawImage(image, canvas.width/2-image.width/2, canvas.height/2-image.height/2);