Mam następujący działający kod: ctx = document.getElementById("canvas").getContext('2d'); Czy jest jakiś sposób, aby ponownie napisać go do użytku $? Nie udaje się to: ctx =
Zdjęcia z aparatów cyfrowych są często zapisywane w formacie JPEG ze znacznikiem „orientacji” EXIF. Aby wyświetlać poprawnie, obrazy muszą być obracane / lustrzane w zależności od ustawionej orientacji, ale przeglądarki ignorują tę informację, renderując obraz. Nawet w dużych komercyjnych...
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...
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...
Czy można pisać tekst w HTML5
Używam elementów kanwy html5 do zmiany rozmiaru obrazów w mojej przeglądarce. Okazuje się, że jakość jest bardzo niska. Znalazłem to: Wyłącz interpolację podczas skalowania <canvas>, ale nie pomaga to w poprawie jakości. Poniżej znajduje się mój kod css i js, a także obraz wyskalowany w...
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ść...
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 =...
Odkryłem, że istnieje tylko prostokąt do wypełnienia, ale nie ma zaokrąglonego narożnika, jak mam to
To wygląda jak requestAnimationFrame to, że jest to de facto sposób na animowanie rzeczy teraz. W większości przypadków działało to całkiem dobrze, ale teraz próbuję zrobić kilka animacji na płótnie i zastanawiałem się: czy jest jakiś sposób, aby upewnić się, że działa z określoną liczbą klatek na...
Standardowym sposobem radzenia sobie z sytuacjami, w których przeglądarka nie obsługuje <canvas>tagu HTML5, jest osadzenie niektórych treści zastępczych, takich jak: <canvas>Your browser doesn't support "canvas".</canvas> Ale reszta strony pozostaje taka sama, co może być...
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...
Jakiś prosty sposób na zmierzenie wysokości tekstu? Sposób, w jaki teraz to robię, polega na użyciu programu Paint, measureText()aby uzyskać szerokość, a następnie metodą prób i błędów znajdując wartość, aby uzyskać przybliżoną wysokość. Ja też się bawiłem FontMetrics, ale wszystkie te wydają...
Mój kod działa bardzo dobrze na moim hoście lokalnym, ale nie działa w witrynie. Otrzymałem ten błąd z konsoli, dla tej linii .getImageData(x,y,1,1).data: Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data....
Czy istnieje metoda, która zwraca szerokość (w pikselach) tekstu do narysowania na kanwie systemu Android za pomocą metody drawText () zgodnie z narzędziem Paint użytym do jego narysowania?
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ść...
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...
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ś...
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ą...
Chciałbym obracać zdjęcia na podstawie ich oryginalnego obrotu, ustawionego przez aparat w danych obrazu JPEG EXIF. Rzecz w tym, że wszystko to powinno się odbywać w przeglądarce, używając JavaScript i <canvas>. W jaki sposób JavaScript może uzyskać dostęp do JPEG, obiektu API pliku...