Pytania otagowane jako canvas

Płótno to ogólny termin określający powierzchnię rysowania używaną z wieloma interfejsami API wyjściowej grafiki o dowolnym kształcie. Użyj tego znacznika z innymi tagami, które wskazują konkretny graficzny interfejs API, który jest używany wraz z językiem programowania i środowiskiem docelowym: [android], [uwp], [wpf], [tkinter], [java], [html5], [chart.js] itp. W razie potrzeby dołącz również określony tag kanwy, taki jak [android-canvas], [html5-canvas], [tkinter-canvas].

5
Algorytm kafelkowania mapy
Mapa Robię grę RPG opartą na kafelkach z Javascriptem, używając map wysokości szumów Perlin, a następnie przypisuję typ kafelka na podstawie wysokości szumu. Mapy wyglądają mniej więcej tak (w widoku minimapy). Mam dość prosty algorytm, który wyodrębnia wartość koloru z każdego piksela na obrazie i konwertuje ją na liczbę całkowitą …
7
Płótno HTML5 100% szerokość Wysokość rzutni?
Próbuję stworzyć element płótna, który zajmuje 100% szerokości i wysokości widoku. Możesz zobaczyć w moim przykładzie tutaj, że ma miejsce, jednak dodaje paski przewijania zarówno w Chrome, jak i FireFox. Jak mogę zapobiec dodatkowym paskom przewijania i po prostu określić dokładnie szerokość i wysokość okna, aby odpowiadały rozmiarowi płótna?
151 jquery  html  canvas  viewport 
23
Jak znaleźć wysokość tekstu na płótnie HTML?
Specyfikacja ma funkcję context.measureText (tekst), która powie Ci, jakiej szerokości wymagałoby wydrukowanie tego tekstu, ale nie mogę znaleźć sposobu, aby dowiedzieć się, jaka jest wysokość. Wiem, że jest oparty na czcionce, ale nie wiem, jak przekonwertować ciąg czcionki na wysokość tekstu.
148 javascript  text  canvas 
10
Jak zapisać płótno jako obraz za pomocą canvas.toDataURL ()?
Obecnie tworzę aplikację internetową HTML5 / natywną aplikację Phonegap i nie wiem, jak zapisać płótno jako obraz canvas.toDataURL(). Czy ktoś może mi pomóc? Oto kod, co jest z nim nie tak? // Moje płótno nosiło nazwę „canvasSignature” JavaScript: function putImage() { var canvas1 = document.getElementById("canvasSignature"); if (canvas1.getContext) { var ctx …
8
Najlepszy sposób na wykrycie, że HTML5 <canvas> nie jest obsługiwany
Standardowym sposobem radzenia sobie z sytuacjami, w których przeglądarka nie obsługuje &lt;canvas&gt;tagu HTML5, jest osadzenie niektórych treści zastępczych, takich jak: &lt;canvas&gt;Your browser doesn't support "canvas".&lt;/canvas&gt; Ale reszta strony pozostaje taka sama, co może być nieodpowiednie lub wprowadzające w błąd. Chciałbym znaleźć sposób na wykrycie braku obsługi płótna, aby móc odpowiednio …
11
jak narysować gładką krzywą przez N punktów za pomocą płótna javascript HTML5?
W przypadku aplikacji do rysowania zapisuję współrzędne ruchu myszy w tablicy, a następnie rysuję je za pomocą lineTo. Wynikowa linia nie jest gładka. Jak mogę utworzyć pojedynczą krzywą między wszystkimi zebranymi punktami? Wyszukałem w Google, ale znalazłem tylko 3 funkcje do rysowania linii: W przypadku 2 punktów próbkowania po prostu …
5
Rysowanie pliku SVG na kanwie HTML5
Czy istnieje domyślny sposób rysowania pliku SVG na kanwie HTML5? Google Chrome obsługuje ładowanie SVG jako obrazu (i po prostu używanie drawImage), ale konsola programisty ostrzega o tym resource interpreted as image but transferred with MIME type image/svg+xml. Wiem, że istnieje możliwość przekonwertowania SVG do poleceń kanwy (jak w tym …
131 html  canvas  svg 
2
Jak lokalnie skopiować zawartość jednego płótna do innego płótna
Chciałbym skopiować CAŁĄ zawartość jednego płótna i przenieść je do innego, wszystko po stronie klienta. Pomyślałbym, że użyłbym metody canvas.toDataURL()i context.drawImage(), aby to zaimplementować, ale napotykam na kilka problemów. Moim rozwiązaniem byłoby pobranie Canvas.toDataURL()i zapisanie tego w obiekcie Image w JavaScript, a następnie użycie context.drawImage()metody do umieszczenia go z powrotem. …
129 html  canvas 
7
Jak dodać prostą procedurę obsługi zdarzeń onClick do elementu Canvas?
Jestem doświadczonym programistą Java, ale po raz pierwszy od dekady przyglądam się JavaScript / HTML5. Jestem kompletnie zaskoczony tym, co powinno być najprostszą rzeczą na świecie. Jako przykład chciałem tylko narysować coś i dodać do tego procedurę obsługi zdarzeń. Jestem pewien, że robię coś głupiego, ale przeszukałem wszystko i nic, …
5
Wyłącz interpolację podczas skalowania <canvas>
UWAGA : Ma to związek ze sposobem renderowania istniejących elementów kanwy po przeskalowaniu , a nie ze sposobem renderowania linii lub grafiki na powierzchni płótna . Innymi słowy, to ma wszystko wspólnego z interpolacją do skalowanych elementów i nie ma nic wspólnego z antialiasing grafiki są rysowane na płótnie. Nie …
126 javascript  html  canvas 
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.