Ответ 1
Добавьте vertical-align: bottom к нему.
Это вызвано тем, что холст является встроенным элементом. Таким образом, он эффективно считается персонажем. Таким образом, он должен следовать правилу базовой линии, которое должно оставить небольшое пространство ниже строки в случае символов, таких как gjpqy, которые опускаются ниже базовой линии. Установив vertical-align на bottom, вы фактически выравниваете холст в нижней части раскрывающихся букв. Пока сам холст выше line-height, у вас не будет проблем. Если холст будет короче line-height, вы увидите "поля призрак" над холстом, поскольку он зарезервирует место для bdfhklt, более высоких букв. Это можно устранить, добавив правило line-height: 1px.