canvas

Jaka jest różnica między SVG a HTML5 Canvas?

Jakie są różnice między SVG a HTML5 Canvas? Oboje robią mi to samo. Zasadniczo obie rysują grafikę wektorową za pomocą punktó ... współrzędnych. Co mi umyka? Jakie są główne różnice między SVG i HTML5 Canvas? Dlaczego powinienem wybrać jedno nad drugim?

Jak dodać obraz do canvas

Eksperymentuję trochę z nowym elementem canvas w HTML. Po prostu chcę dodać obraz do płótna, ale z jakiegoś powodu nie dział ... ostaję żadnych błędów JavaScript. Obraz po prostu się nie wyświetla. To musi być coś naprawdę prostego, za czym tęskniłem...

Uzyskaj kolor pikseli z płótna na mouseover

Czy możliwe jest uzyskanie piksela wartości RGB pod myszką? Czy jest na to jakiś kompletny przykład? Oto co mam do tej pory: ... 1).data; $('#ttip').css({'left':mouseX+20, 'top':mouseY+20}).html(c[0]+'-'+c[1]+'-'+c[2]); }; } </script>

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);

Jak skopiować lokalnie zawartość jednego płótna do drugiego płótna

Chciałbym skopiować całą zawartość jednego płótna i przenieść je na inne po stronie klienta. Myślę, że użyłbym metody canvas. ... anym: wyświetlanie obrazu płótna z jednego płótna na drugie za pomocą base64 Ale rozwiązania nie wydają się być poprawne.

Jak narysować owal w html5 canvas?

Nie wydaje się być natywną funkcją do rysowania kształtu owalnego. Nie szukam też kształtu jajka. Czy można narysować owal z ... ctx.scale(0.75, 1); ctx.beginPath(); ctx.arc(20, 21, 10, 0, Math.PI*2, false); ctx.stroke(); ctx.closePath(); ctx.restore();

Czy jest możliwe Związanie właściwości Dzieci Canvasa w XAML?

Jestem trochę zaskoczony, że nie można założyć oprawy dla Canvas.Dzieci przez XAML. Musiałem uciekać się do podejścia code-be ... I don ' t like my obecne podejście, ponieważ mucksuje mój ładny Model-View-ViewModel, uświadamiając Widok o jego ViewModel.

Czy HTML5 / Canvas obsługuje podwójne buforowanie?

To, co chciałbym zrobić, to narysować moją grafikę na buforze, a następnie móc ją skopiować tak, jak jest na płótnie, aby móc robić animację i unikać migotania. Ale nie mogłem znaleźć tej opcji. Ktoś wie, jak Mogę to zrobić?

Tworzenie spadającego śniegu za pomocą HTML 5 i JS

Odwiedziłem stronę Stack Exchange Winter Bash i uwielbiam spadający śnieg! Moje pytanie brzmi, Jak mogę odtworzyć podobny ef ... adający śnieg płatkami śniegu i możliwość poruszania myszką i powodowania, że śnieg się porusza lub wiruje za pomocą myszki.

html5: wyświetlanie wideo wewnątrz płótna

Czy możliwe jest wyświetlanie wideo html5 jako części płótna? Zasadniczo w ten sam sposób, w jaki rysujesz obraz na płótnie. context.drawVideo(vid, 0, 0); Dzięki!

Jak narysować Zaokrąglony prostokąt Na Płótnie HTML?

Odkryłem, że istnieją tylko mogą wypełnić prostokąt, ale nie zaokrąglone rogu jeden, Jak mogę to zrobić?

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 pro ... ę, że nie jest to potrzebne. Nie dbam o starsze przeglądarki (więc jeśli FireFox 4 i IE 9 będą coś obsługiwać, to wystarczy).

Jak Mogę używać niestandardowych czcionek w elemencie HTML5 Canvas?

Patrzyłem na rzeczy takie jak Cufon i krój pisma.js ale wydają się być alternatywami SIFR i nie pozwalają na ustawianie dowolnych współrzędnych i rysowanie niestandardowego typu na <canvas> Ktoś ma jakieś pomysły?

Czy istnieje już dyrektywa rysunkowa dla AngularJS?

Czy istnieje już dyrektywa, aby rysować / malować rzeczy na płótnie? Możesz więc zaimplementować coś takiego jak Paint lub na ... aniach i jeśli jest już taki, który jest uważany za najlepszą praktykę, chciałbym go użyć. Inaczej sam będę musiał to zrobić.

Pdf.js: renderowanie pliku pdf przy użyciu źródła pliku base64 zamiast adresu url

Próbuję renderować stronę z pliku pdf za pomocą pdf.js Normalnie, używając adresu url, mogę to zrobić: PDFJS.getDocument( ... xLjUKJdDUxdgKNSAwIG9iaiA8PAovTGVuZ3RoIDE2NjUgICAgICAKL0ZpbHRlciAvRmxhdGVEZWNvZGUKPj4Kc3RyZWFtCnjarVhLc9s2... Jak to zrobić?

Jak mogę pozwolić użytkownikowi wklejać dane obrazu ze schowka do elementu canvas w Firefoksie w czystym Javascript?

Zrobiłem co mogłem, aby znaleźć prosty, odpowiedni i aktualny przykład, który działa dla najnowszej wersji Firefoksa i napraw ... avascript, ale stosunkowo niedoświadczony w najnowszych funkcjach HTML5 i całkowicie nowy w elemencie Canvas. Proszę o pomoc!

Wykonanie płynnego szkicowania i rysowania na elemencie

Próbuję utworzyć obszar rysowania za pomocą canvas. Mam problem z tym, aby linie wyglądały gładko podczas rysowania krzywych, ... } Z góry dziękuję wszystkim. Tak to wygląda teraz, jeśli rysujesz. ... i to jest to, co chciałbym osiągnąć:

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)

Rysowanie kropki na płótnie HTML5 [duplikat]

To pytanie ma już odpowiedź tutaj: jak najlepiej ustawić pojedynczy piksel w kanwie HTML5? ... . pokolorować pojedynczy piksel. Funkcja lineTo nie rysuje a linia pojedynczego piksela (oczywiście). Czy jest na to metoda?

Multiplayer JavaScript gra zbudowana z węzła.Zawodnicy rozstawieni

Mam pytanie, na które nie mogę znaleźć odpowiedzi. Eksperymentuję z budową gry wieloosobowej z Node.JS i Socket.IO. zbudował ... erwer będzie nadawał te, ale skąd klient wie, ilu graczy ma wyświetlać, zgaduję, że muszą być przechowywane w tablicy gdzieś.