canvas
Korzystanie z HTML5 / Canvas / JavaScript do robienia zrzutów ekranu w przeglądarce
Google "Zgłoś błąd "lub" narzędzie opinii " pozwala wybrać obszar okna przeglądarki, aby utworzyć zrzut ekranu, który jest pr ... bią? Google JavaScript feedback API jest ładowany z tutaj i ich przegląd modułu feedback pokaże możliwości zrzutu ekranu.
Przechwycić HTML Canvas jako gif / jpg/png / pdf?
Czy możliwe jest przechwytywanie lub drukowanie tego, co jest wyświetlane w kanwie html jako obraz lub pdf?
Chciałbym wygenerować obraz za pomocą canvas i móc wygenerować png z tego obrazu.
Zmiana rozmiaru obrazu w kanwie HTML5
Próbuję stworzyć miniaturkę po stronie klienta przy użyciu javascript i elementu canvas, ale kiedy zmniejszę obraz, wygląda o ... firefox nie używa Bicubic samplingu, jak powinien. Muszę tylko poczekać. dopóki go nie dodadzą.
EDIT3:
Oryginalny Obraz
Jak animować rysunek tekstu na stronie internetowej?
Chcę mieć stronę internetową, która ma jedno wyśrodkowane słowo.
Chcę, aby to słowo było rysowane za pomocą animacji, tak a ... ione z JavaScript lub CSS. Brak jQuery byłby miły, ale nie wymagany.
How can I do to? Szukałam wyczerpująco bez powodzenia.
Jak wyczyścić płótno w celu przerysowania
Po eksperymentowaniu z operacjami kompozytowymi i rysowaniem obrazów na płótnie próbuję teraz usunąć obrazy i komponować. Jak ... to trwać przez jakiś czas, więc nie sądzę, że rysowanie nowego prostokąta za każdym razem będzie najbardziej efektywną opcją.
Zmień rozmiar płótna HTML5, aby pasowało do okna
Jak mogę automatycznie skalować element HTML5 <canvas>, aby pasował do strony?
Na przykład, mogę uzyskać <div> skalować, ustawiając właściwości height i width na 100%, ale <canvas> nie będzie skalować, prawda?
HTML5 Canvas Resize (Downscale) obraz wysokiej jakości?
Używam elementów canvas html5 do zmiany rozmiaru obrazów w przeglądarce. Okazuje się, że jakość jest bardzo niska. Znalazłem ... 4: próbowałem algorytmu GameAlchemist. Oto wynik w porównaniu do Photoshopa.
PhotoShop Image:
Algorytm GameAlchemist:
Jak uzyskać współrzędne kliknięcia myszką na elemencie canvas?
Jaki jest najprostszy sposób na dodanie obsługi zdarzenia click do elementu canvas, który zwróci współrzędne X i y kliknięcia (względem elementu canvas)?
Nie jest wymagana zgodność starszych przeglądarek, Safari, Opera i Firefox.
Algorytm Układania Map
Mapa
Tworzę RPG na bazie kafelków z Javascript, używając Perlin noise heightmaps, a następnie przypisuję Typ kafelka na pod ... ozwiązanie, jak mogę stworzyć ten efekt, lub w jakim kierunku iść do pisania algorytmu profilowania, byłbym bardzo wdzięczny!
Powiększ punkt (używając skali i tłumacz)
Chcę być w stanie powiększyć punkt pod myszką w HTML 5 płótna, jak powiększenie na Google Maps . Jak mogę to osiągnąć?
Szybkie i responsywne interaktywne wykresy / wykresy: SVG, Canvas, inne?
Próbuję wybrać odpowiednią technologię do aktualizacji projektu, który zasadniczo renderuje tysiące punktów w powiększalnym, ... ęki za pomoc.
Kontynuacja : implementacja, z której korzystałem, znajduje się w https://github.com/zooniverse/LightCurves
html5 - element canvas-wiele warstw
Czy bez żadnej biblioteki rozszerzeń można mieć wiele warstw w tym samym elemencie canvas?
Więc jeśli zrobię clearRect na górnej warstwie, to nie usunie dolnej?
Dzięki.
Rysowanie na płótnie HTML5 za pomocą myszy
Chcę narysować na kanwie HTML za pomocą myszy (np.: narysuj podpis, narysuj nazwę,...)
Proszę o pomoc Jak mogę to zrobić? Proszę podać kod źródłowy.
Dziękuję
Wyłącz interpolację podczas skalowania
UWAGA: ma to związek z tym, jak istniejące elementy canvas są renderowane po skalowaniu w górę, nie ma to związku z tym, jak ... jest tym, co renderuje Chromium (14.0). Obrazek po prawej stronie jest co chcę (ręcznie rysowane w celach ilustracyjnych).
Przechwytywanie podpisu za pomocą HTML5 i iPada
Ktoś wie jak można to zrobić? Czy użyłbyś obiektu canvas, svg, jQuery itp.?
Jak najlepiej ustawić pojedynczy piksel w kanwie HTML5?
HTML5 Canvas nie ma metody jawnego ustawiania pojedynczego piksela.
Może być możliwe ustawienie piksela za pomocą bardzo kró ... i użycie:
context.putImageData(data, x, y)
/ Align = "left" /
Czy ktoś może opisać skuteczny i niezawodny sposób na to?
Html5 canvas drawImage: jak zastosować antyaliasing
Proszę spojrzeć na poniższy przykład:
Http://jsfiddle.net/MLGr4/47/
var canvas=document.getElementById("canvas");
... na wiele różnych sposobów, ale to chyba nie działa. Czy możesz mi powiedzieć, jak Mogę uzyskać zdjęcie anty-aliased?
Dzięki.
HTML5 Canvas 100% Szerokość Wysokość Viewport?
Próbuję stworzyć element canvas, który zajmuje 100% szerokości i wysokości widoku.
Możesz zobaczyć w moim przykładzie tutaj ... biec dodatkowym PASK przewijania i po prostu podać dokładnie szerokość i wysokość okna, aby były wielkości obszaru roboczego?
Kontrolowanie fps za pomocą requestAnimationFrame?
Wydaje się, że {[1] } jest de facto sposobem na ożywienie rzeczy teraz. To działało całkiem dobrze dla mnie w większości przy ...
Gdzie Węzeł.drawFlash () to tylko jakiś kod, który określa promień na podstawie zmiennej counter, a następnie rysuje okrąg.
Użyj HTML5, aby zmienić rozmiar obrazu przed przesłaniem
Znalazłem kilka różnych postów, a nawet pytania na stackoverflow odpowiadając na to pytanie. W zasadzie realizuję to samo co ... ć ustawiłem na wartość zmienionego obrazu... Ale zastanawiam się, czy mogę po prostu zastąpić obraz, który jest już w formie.