数字画像を画面中央に表示したい

現在HTML5ゲームを製作中で、得点を画像で表示させているのですが、
桁数が2桁以上増えても画面の中央に表示させるようにできないでしょうか。

上の画像を横幅40、縦幅57に切り出して表示させています。

JavaScript
1var score = 2019;
2
3numDraw((canvas.width - 40) / 2,(canvas.height - 57) / 2,score);
4
5function numDraw(posX, posY, number) {
6	var numWidth = 40;
7	var numHeight = 57;
8	var digits = checkDigits(number);
9	var num = numBack(number);
10	var number = number;
11	var numberPosX = posX - (digits * numWidth);
12	/* 画像を描画 */
13	while (num >= 1) {
14		ctx.drawImage("num_2.png", Math.floor((number / num)) * numWidth, 0, numWidth, numHeight, numberPosX, posY, numWidth, numHeight);
15		number -= Math.floor((number / num)) * num;
16		num = Math.floor(num / 10);
17		numberPosX += numWidth;
18	}
19}
20
21function numBack(number) {
22	var digits = 1;
23	while (1) {
24		number /= 10;
25		if (Math.floor(number) < 1) break;
26		digits *= 10;
27	}
28	return digits; // 最上位数を返す
29}
30
31function checkDigits(number) {
32	if (number == NaN) return 0;
33	var digits = 1;
34	while (1) {
35		number /= 10;
36		if (Math.floor(number) < 1) break;
37		digits++;
38	}
39	return digits; // 桁数を返す
40}