为什么在angularjs中图像不在画布中央?

你能告诉我为什么我的图像不居中我用了这个方法吗

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

预期产量