Применить масштабирование в центре холста

Question

мне нужно применить масштабирование к яваскрипту холсту, который я плохо выполненному с помощью следующей строки коды:

ctx.scale(2,2) //doubles everything's size 

Вместо масштабирования, его явно удваивая размер самого холст и все его элементы. Я бы в порядке с этим, если бы я получил это работает, как на картинке ниже показывает:

Любые идеи о том, как я мог бы сделать то, что изображено на рисунке? Я не использую какие-либо внешние библиотеки, что делает это настолько сложным. Благодарю.

Answer 1

Вы можете перевести контекст наполовину размер холста, используя ctx.translate()

EDIT:

var zoomfactor = 2; //set whatever you want as zoom factor 
ctx.setTransform 
    (zoomfactor, 0, 0, zoomfactor, -(zoomfactor - 1) * canv‌​as.width/2, 
-(zoomfac‌​tor - 1) * canvas.height‌​/2);