html5-canvas
HTML5 Canvas vs. SVG vs. div
Jakie jest najlepsze podejście do tworzenia elementów w locie i możliwości ich przemieszczania? Załóżmy na przykład, że chcę ... stanie utworzony w całości z elementem canvas, drugi w całości z elementem svg, a trzeci z zwykłym elementem div, HTML i CSS.
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ą.
Jak zapisać płótno HTML5 Jako obraz na serwerze?
Pracuję nad projektem sztuki generatywnej, w którym chciałbym umożliwić użytkownikom zapisywanie wynikowych obrazów z algoryt ... du base64, a plik danych wynosi ~140 kB. Jednak nadal nie mogę go otworzyć i wydaje się, że nie jest sformatowany jako obraz.
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 zapisać obraz PNG po stronie serwera z Ciągu danych base64
Używam narzędzia JavaScript "Canvas2Image" Nihilogic do konwersji rysunków canvas na obrazy PNG.
To, czego teraz potrzebuję, ... estem pewien, jak stworzyć rzeczywisty obraz PNG z zakodowanego w base64 ciągu i zapisać go na moim serwerze.
Proszę o pomoc!
Dostęp do danych rotacji JPEG EXIF w JavaScript po stronie klienta
Chciałbym obracać zdjęcia na podstawie ich oryginalnego obrotu, ustawionego przez aparat w danych obrazu JPEG EXIF. Sztuczka ... h EXIF, aby odczytać informacje o rotacji?
Odpowiedzi po stronie serwera nie są OK; Szukam rozwiązania po stronie klienta.
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.
Aktualny stan bibliotek Javascript Canvas? [zamknięte]
Prowadziłem badania nad bibliotekami HTML canvas i natknąłem się na to pytanie. Jaki jest aktualny stan wiedzy w bibliotekach ... e osób przychodzi tu ostatnio po newsy i informacje o nowych bibliotekach, zmieniłem pytanie, aby było bardziej ponadczasowe.
HTML5 Canvas camera / viewport - jak to zrobić?
Jestem pewien, że było to solven 1000 razy wcześniej: dostałem płótno w rozmiarze 960 * 560 i pokój w rozmiarze 5000*3000 z k ... Jakieś pomysły? Co sądzisz o kontekście?transformacja?
Mam nadzieję, że rozumiesz mój opis i że ktoś ma pomysł. Kind regards
Rzeczywista pozycja myszy w obszarze canvas [duplikat]
to pytanie ma już odpowiedzi tutaj :
... że istnieje sposób tworzenia prostej funkcji w JavaScript, aby uzyskać właściwą pozycję, ale nie mam pojęcia jak to zrobić.
Orientacja Exif po stronie klienta JS: obracanie i lustrzane obrazy JPEG
Zdjęcia z aparatu cyfrowego są często zapisywane w FORMACIE JPEG z tagiem Exif "orientation". Aby wyświetlać poprawnie, obraz ... ia webworkerów 3.
Narzędzia konsoli mogą poprawnie przekierować obrazy 5. Skrypt PHP rozwiązujący problem jest dostępny na 6
Jak naprawić rozmyty tekst w moim HTML5 canvas?
Jestem całkowitym n00b z HTML5 i pracuję z canvas do renderowania kształtów, kolorów i tekstu. W mojej aplikacji mam Adapte ... ego? Czy to czcionka? Czy muszę najpierw zdefiniować obszar roboczy w układzie HTML5? Jest jakaś literówka? Jestem zagubieni.
Zmiana rozmiaru obrazu za pomocą JavaScript canvas (płynnie)
Próbuję zmienić rozmiar niektórych obrazów za pomocą canvas, ale nie mam pojęcia, jak je wygładzić.
W Photoshopie, przeglądar ... y znacznik obrazu o zmienionym rozmiarze, a drugi to canvas. Zauważ, że płótno nie jest tak gładkie. Jak osiągnąć "gładkość"?
Wykresy danych w czasie rzeczywistym na wykresie liniowym z html5 [zamknięty]
Chcę zrobić wykres liniowy, który aktualizuje się co kilka sekund i nie wymaga odświeżania strony(pobierze informacje z oddzi ... e w ustalonym przedziale 10s, jeśli to ma znaczenie. I jeśli to możliwe, chciałbym trzymać się tylko CSS3 HTML5 i javascript.
Praca z Canvas i AngularJS
Podejmuję się zadania ponownego napisania następującej aplikacji flash w HTML5:
Http://www.docircuits.com/circuit-editor
... em przełączyć na który może łatwo obsługiwać canvas, a także inne funkcje, takie jak panele, menu, wykresy itp. z łatwością?
jak narysować siatkę za pomocą html5 i (canvas lub svg)
Chcę narysować siatkę, jak pokazano na obrazku, ale zupełnie nie mam pojęcia, od czego zacząć. Czy powinienem użyć SVG Czy po ... hcę, aby ta siatka narysowała prostokąt, okrąg lub inne diagramy na nim i obliczę obszar tego diagramu jak obszar kwadratu.
Animowanie płótna tak, aby wyglądało jak szum telewizyjny
Mam funkcję o nazwie generateNoise(), która tworzy element canvas i maluje do niego losowe wartości RGBA; co daje wygląd szum ...
}
document.body.style.backgroundImage = "url(" + canvas.toDataURL("image/png") + ")";
}
generateNoise(.8);
Dynamicznie generowany favicon
Czy byłoby możliwe dynamiczne generowanie faviconu tylko za pomocą JavaScript i HTML, używając faviconu bieżącej strony jako ... iałe tłox : oryginalny obraz Favicon- : Czerwony wygenerowany obraz z numerem1 : Biały tekst
Pomysły:
Płótno?
Data Uri?
Maskowanie / nakładanie obrazu na płótnie
W moim projekcie muszę zaimplementować jeden inny obraz kolorowy na innym obrazie o tym samym rozmiarze i wzorze za pomocą pł ... odzie, aby każdy obraz graficzny musiał być ustawiony na płótnie, a inna grafika musi nakładać się na div I pierwsze płótno)