Estoy escalando un lienzo en un punto pt

 context.translate(pt.x, pt.y); var factor = Math.pow(scaleFactor, clicks); //scaleFactor and clicks are the amount of zoom each scroll and the scroll value itself context.scale(factor, factor); context.translate(-pt.x, -pt.y); current_scale *= factor;

Funciona bien, pero tengo otra capa de lienzo usando css para escalar, y tengo que encontrar los parámetros correctos para traducirla en el mismo origen del primer lienzo para que quede correctamente uno encima del otro (origenX y origenY son las coordenadas de esta capa de lienzo).

 originX += ?; originY += ?; context_display.putImageData(imageData, originX, originY); $("#display").css("transform", "scale(" + current_scale + ")");

¿Qué cálculo debo hacer para obtener originX y originY?