html5-canvas

renderowanie mapy płytek za pomocą javascript

Szukam logicznego zrozumienia z przykładowymi pomysłami implementacyjnymi na zrobienie tilemapy takiej jak Ta: Http://thors ... d github, użył innej metody. Wszelkie wskazówki dotyczące zrozumienia logika (z prostym pseudo kodem) byłaby bardzo pomocna

Canvas vs SVG dla prostych gier

Gdybym chciał zbudować prostą grę (snake, Warcaby, pacman czy coś) jakie byłoby lepsze podejście-SVG czy Canvas ? Rzeczy, kt ... ż ważna) A także, w dziedzinie gier, są konkretne gry, do których SVG jest bardziej odpowiedni niż Canvas (czy odwrotnie?)

Zapisz płótno jako jpg na pulpicie [duplikat]

To pytanie ma już odpowiedź tutaj: HTML5 Canvas do pliku PNG 4 o ... L5canvas. Mogę otworzyć w nowym oknie window.open(canvas.toDataURL('png'), "");, ale jak Mogę zapisać go na pulpicie? Dzięki.

Render.pdf do pojedynczego płótna za pomocą pdf.js i ImageData

Próbuję przeczytać całość .dokument pdf za pomocą PDF.js, a następnie renderować wszystkie strony na jednym kanwie. Mój pomy ... ńczy się kanwą, która jest wystarczająco duża, aby zawierać wszystkie strony pdf, ale nie pokazuje pdf... Dziękuję za pomoc.

HTML5 Canvas: lepiej ponownie rysować obiekty lub używać bitmap?

Mój projekt ma HTML5 Canvas, na którym obiekty graficzne są rysowane wielokrotnie. Obiekty te zmieniają się szybko. Rysowanie ... czy to w ogóle dobry pomysł, czy też nakład pracy z bitmapami jest większy niż ponowne rysowanie obiektów za każdym razem?

Próbując stworzyć efekt konfetti w html5, jak uzyskać inny kolor wypełnienia dla każdego elementu?

EDIT: Dla każdego, kto jest ciekawy, oto gotowy wynik. Http://jsfiddle.net/Javalsu/vxP5q/743/embedded/result/ Buduję n ... p.tilt }; } } } } } //animation loop setInterval(draw, 20); }

HTML5 Canvas image contrast

Pisałem program do przetwarzania obrazu, który stosuje efekty poprzez przetwarzanie pikseli HTML5 canvas. Osiągnąłem Threst, ... cji pikselami jest możliwy! I would be cieszę się, jeśli ktoś może dostarczyć dobry algorytm kontrastu obrazu w HTML5 canvas.

Jak zapisać HTML5 canvas?

Obecnie używam Canvas2Image , aby zapisać zawartość mojego płótna HTML5. Nie wydaje się jednak działać w Google Chrome. Wszelkie pomysły na obejście problemu są mile widziane. :)

Nakładka HTML5 canvas na obraz

Chcę mieć obraz, który zostanie przesłany z mojej bazy danych, a na nim dokładnie ten sam rozmiar w tej samej pozycji to płót ... rowadzane z bazy danych i może być więcej niż jeden obraz na stronie i każdy obraz będzie miał płótno. Jak mogę to osiągnąć?

wydarzenie.offsetX w Firefoksie

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> < ... iwany również w Firefoksie) do Canvas relative współrzędne uwzględniające położenie płótna, transformację itp.? Dzięki, Luca.

Próbuje zapisać canvas PNG data url na dysku z systemem plików HTML5, ale gdy pobieram jako URL, jest nieprawidłowy

Otrzymuję obraz zakodowany w base64 z płótna jako: var dataURL = canvas.toDataURL( "image/png" ); Potem zamieniam je w da ... ając zdarzenia: event.toURL(). Ale obraz jest wyświetlany jako uszkodzona ikona obrazu na stronie internetowej. Co robię źle?

Canvas drawimage skaling

Próbuję przeskalować obraz proporcjonalnie do płótna. Jestem w stanie przeskalować go ze stałą szerokością i wysokością tak: ... text.drawImage(imageObj, 0, 0, 100, auto) Szukałem wszędzie, o czym mogłem pomyśleć i nie widziałem, czy to jest możliwe.

Dziwne zachowanie HTML5 Canvas drawImage

Piszę jakiś kod, który używa HTML5 canvas. Ogólnie to działa dobrze, ale teraz znalazłem bardzo dziwne zachowanie. Dziwne jes ... e w I h są wielkością płótna, powinien dobrze pasować. Co robię źle? Czy to dlatego, że rysuję z wyrenderowanego drzewa DOM?

Wyższa grafika DPI z HTML5 canvas

Czy istnieje sposób na ustawienie niestandardowego DPI/PPI podczas tworzenia obrazu przy użyciu płótna HTML5? Wiem, jak mogę ... DPI urządzenia, a następnie skalowanie obrazu, aby spełnić moje wymagania DPI, ale nie wydaje się to właściwym rozwiązaniem.

Wyświetlanie podpowiedzi na wykresie canvas

Używam elementu canvas html5 do rysowania wykresu z kropkami oznaczającymi różne punkty w Proszę.. Chcę wyświetlić różne pod ... ), 4, 0, Math.PI * 2, true); c.fill(); } Jakie dodać w tym kodzie aby móc wyświetlać wejście użytkownika jako podpowiedź?

Przewijanie poziome na płótnie. HTML5

Tworzę canvas za pomocą javascript na webproject. Płótno ma graficzne reprezentacje na płaszczyźnie x-y. Próbuję dodać funk ... enie, takie jak następujący widget dla mojej akcji przewijania po stronie klienta:- Http://www.simile-widgets.org/timeline/

płótno.toDataURL () na duże płótno

Mam problem z .toDataURL() dużym płótnem. Chcę zakodować w base64 i dekodować na pliku php, ale jeśli mam duże płótno zmienna ... , { str: strDataURI }; Czy jest jakaś alternatywa dla .toDataURL() lub jakiś sposób na zmianę limitu rozmiaru? Dzięki.