Kiedy tworzymy elementu canvas HTML5, margines duch pojawia się poniżej elementu canvas chociaż ustalenie marginesu i dopełnienie do 0.Wyeliminować margines widma poniżej elementu canvas HTML5?
Przykład: http://jsfiddle.net/yvbmd/
Próbowaliśmy różnych rzeczy, ale może” t kasuje margines widma.
Jak utworzyć element canvas bez tego marginesu ducha?
Dodaj do niego vertical-align: bottom.
Jest to spowodowane tym, że płótno jest elementem śródliniowym. Jako taki jest skutecznie uznawany za postać. Jako taki musi przestrzegać zasady linii podstawowej, która polega na pozostawieniu niewielkiej przestrzeni poniżej linii w przypadku znaków, takich jak gjpqy, które spadają poniżej linii podstawowej. Ustawiając vertical-align na bottom, faktycznie dopasowujesz płótno do dolnej części rozwijanych liter. O ile samo płótno jest wyższe niż line-height, nie będzie żadnych problemów. Jeśli płótno będzie krótsze niż line-height, zaczniesz widzieć "marginesy widmowe" nad płótnem, ponieważ rezerwują one miejsce na bdfhklt, wyższe litery. Można to naprawić, dodając regułę line-height: 1px.
Dzięki, Kolink! Ze względu na twój wgląd rozwiązaliśmy ten problem, tworząc element canvas jako element blokowy z "display: block". Czy widzisz jakieś problemy z tym rozwiązaniem? – Crashalot
To rozwiązanie ** **. To zależy od tego, do czego naprawdę używasz płótna. –
vertical-align: bottom; Blok wyświetlacza; pracował w moim przypadku. – Houman