Я добавил изображение в качестве дочернего элемента canvas, это просто макет для размещения текстовых элементов пользовательского интерфейса, как показано на рисунке ниже.
![enter image description here](https://i.stack.imgur.com/gj7bL.png)
здесь черный контур - это изображение, а красный - их границы, которые мы можем видеть в редакторе, синий текст - это текстовый элемент пользовательского интерфейса с предустановкой якоря, растянутой снизу и вправо = 100. Режим рендеринга холста - это наложение экрана, масштабирование с размером экрана,эталонное разрешение 1920х1080.Таким образом, на рисунке 1 текст пользовательского интерфейса находится посередине, а на изображении 2 (с разным разрешением) он не выглядит посередине.