Ostatnio pracowałem nad projektami HTML5ale myślę, że „trafiłem w guz. Obecnie pracuję nad prostą grą zbudowaną w html5 i jQuery. Problem pod ręką: prawidłowe wyświetlanie obrazu w płótnie. To, co zrobiłem, to stworzenie tła o rozdzielczości 1080 x 720 i próbowałem umieścić go w moim kanale z dokładnie tymi samymi specyfikacjami.Nie jestem pewien, czy jest to problem z przeglądarką, czy coś, czego brakowało mi w wynikach wyszukiwania Google i Stack, ale każda pomoc jest bardzo mile widziana (za pomocą Firefox 26 i Chrome 32)
EDYCJA: Przepraszamy, pozostałe szczegóły w komentarzu poniżej ..
Odpowiedzi:
1 dla odpowiedzi № 1Jego prawdopodobne że twój problem polega na tym, że użyłeś właściwości CSS do ustawienia rozmiaru płótna zamiast width i height atrybuty samego elementu.
Pierwsza (jeśli została określona) określa, jak duże płótno faktycznie pojawia się na stronie. Te ostatnie ustawiają rzeczywistą liczbę pikseli w kanwie i domyślną (AFAICR) na 300x100.
Jeśli dwa nie pasują, wszystkie operacje na płótnie zostaną przeskalowane.
Więc jeśli po prostu użyjesz:
<canvas width="1080" height="720"> </canvas>
powinieneś być w porządku.