How do I setup three.js's TransformControls to take the position and size of the canvas into account?

Question

I have a webapp that has a single canvas as its background, Golden Layout is used to divide this canvas so I can render multiple independent scenes. A single renderer is use