Как обеспечить, чтобы холст оставался центрированным и полностью видимым внутри родительского элемента при масштабирован ⇐ CSS

[Anonymous]

Я работаю над простым конструктором PowerPoint, используя React, где я реализовал функцию масштабирования для элемента холста. Размер холста должен изменяться в зависимости от масштабного коэффициента. Однако когда холст выходит за пределы родительского элемента, левая и верхняя стороны холста не видны даже при прокрутке. При прокрутке видны только правый и нижний края.
Демо здесь

Подробнее здесь: https://stackoverflow.com/questions/785 ... nt-element