Когда мы создаем элемент холста HTML5, маркер призраков появляется под элементом холста, даже если мы задаем для поля и отступов значение 0.
Пример: http://jsfiddle.net/yvbmd/
Мы пробовали разные вещи, но не можем стереть запас призрак.
Как мы можем создать элемент canvas без этого поля призрак?
Добавьте vertical-align: bottom к нему.
Это вызвано тем, что холст является встроенным элементом. Таким образом, он эффективно считается персонажем. Таким образом, он должен следовать правилу базовой линии, которое должно оставить небольшое пространство ниже строки в случае символов, таких как gjpqy, которые опускаются ниже базовой линии. Установив vertical-align на bottom, вы фактически выравниваете холст в нижней части раскрывающихся букв. Пока сам холст выше line-height, у вас не будет проблем. Если холст будет короче line-height, вы увидите "поля призрак" над холстом, поскольку он зарезервирует место для bdfhklt, более высоких букв. Это можно устранить, добавив правило line-height: 1px.