canvas

Jak mogę przekonwertować element HTML na element canvas?

Byłoby niezwykle przydatne, aby móc tymczasowo przekształcić element regularny w canvas. Na przykład, powiedzmy, że mam Styl ... namicznie utworzyć kanwę, "renderować" HTMLElement do kanwy, ukryć oryginalny element i animować kanwę. Czy Można to zrobić?

Jak wyrównać tekst w pionie?

Target: Android > = 1.6 na czystym Płótnie. Załóżmy, że chcę napisać funkcję, która narysuje (szerokość, wysokość) duży c ... = topLeftY + height / 2 + fontHeight / 2-fontHeight / 8; Wydaje się działać mniej więcej ok, ale musi być lepszy sposób.

"Kasowanie" w html5 canvas

Mam aplikację do rysowania w html5 canvas i próbuję wymyślić najlepszy sposób na zaimplementowanie kontroli gumki. Pierwszym ... je czarną przezroczystą linię nad nim, a to pozostawia oryginalny doodle nietknięty. Jakieś pomysły, jak to zrobić? Dzięki.

Kineticjs vs Raphaeljs

Zaczynam nowy projekt używając HTML5. Dwa najpopularniejsze graficzne Zestawy narzędzi to KineticJS i RaphaelJS . Jeśli masz ... niu z jednego nad drugim? Np. tylko RaphaelJS działa na starszych przeglądarkach (ale to nie jest funkcja, której wymagam).

Poczekaj na załadowanie obrazu przed rozpoczęciem

Rozwijam grę używając JavaScript i canvas. Gdy gra się ładuje, wszystkie użyte obrazy są buforowane. Obserwując oś czasu zas ... ded! Szukam podobnego sposobu do $.ajax z async: false do wykonania wczytywania. Nie wiem jak... z góry dzięki za pomoc! J.

WPF Canvas, jak dynamicznie dodawać dzieci z kodem MVVM za

Wymaganie: Aby narysować jeden obraz bitmapowy (1024 x 1024 pikseli) i prostokąt (y) na podstawie zbioru punktów. Prostokąt ... del.cs. Nie mogę dynamicznie dodawać prostokąta potomnego z pliku ViewModel. Każda pomoc jest mile widziana. Z góry dzięki

Jak sprawić, by tkinter canvas dynamicznie zmieniał rozmiar na szerokość okna?

Muszę pobrać kanwę w tkinterze, aby ustawić jej szerokość na szerokość okna, a następnie dynamicznie zmienić rozmiar kanwy, gdy użytkownik uczyni okno mniejszym/większym. Czy Jest jakiś sposób na zrobienie tego (łatwo)?

Interaktywne pola tekstowe z tkaniną.js

Bawię się tkaniną.js dużo w ciągu ostatnich kilku tygodni, ale jeśli chodzi o pola tekstowe, znalazłem tylko możliwość ustawi ... o osiągnąć? (Z interaktywnym polem tekstowym mam na myśli obszar płótna, który mogę kliknąć i zapisać bezpośrednio do niego.)

Jak odczytać plik w AngularJS?

Czy możliwe jest odczytywanie plików w AngularJS? Chcę umieścić plik w kanwie HTML5, aby przyciąć. Myślałem o użyciu dyrekty ... (e) { $('#blah').attr('src', e.target.result); } reader.readAsDataURL(input.files[0]); } }

Wykryć mysz niektórych punktów w obszarze roboczym HTML?

Zbudowałem analityczny silnik wizualizacji danych dla Canvas i poproszono mnie o dodanie podpowiedzi przypominającej najechan ... ascript API i integracji z innymi elementami Ajax, mamy nadzieję, że unikniemy umieszczania Flasha w miksie. Jakieś pomysły?

Konwertuj płótno na PDF

Czy możliwa jest bezpośrednia konwersja canvas na pdf przy użyciu JavaScript (pdf.js czy coś w tym stylu)? Czy jest inny możliwy sposób, jak canvas do img, a następnie img do pdf? Możesz podać mi przykład?

JavaScript: uzyskiwanie obrazów bez płótna

Czy jest możliwe uzyskanie ImageData obiektu z obrazu, który nie znajduje się na płótnie, ale gdzieś indziej w drzewie DOM jako normalny <img>? Jeśli tak, to w jaki sposób?

jQuery odpowiednik getting the context of a Canvas

Mam następujący kod roboczy: ctx = document.getElementById("canvas").getContext('2d'); Czy Jest jakiś sposób na napisanie go ponownie, aby użyć $? Robienie tego nie powiodło się: ctx = $("#canvas").getContext('2d');

UniCoin mining i canvas clicking [zamknięte]

Naprawdę chciałbym zautomatyzować wydobycie unicoina, aby mogło ono działać w tle, podczas gdy robię ważne rzeczy, takie jak ... akiś sposób na interakcję z określonymi elementami płótna za pomocą JavaScript, aby można było uruchamiać kliknięcia na nich?

Base64 dane PNG do HTML5 canvas

Chcę załadować obraz PNG zakodowany w Base64 do elementu canvas. Mam ten kod: <html> <head> </head> <b ... W tym base64 jest 5x5px czarny kwadrat PNG, który zrobiłem w GIMP i zamieniłem go na base64 w programie GNU / Linux base64.

Wyłącz przewijanie klawiszy strzałek w przeglądarce użytkowników

Robię grę używając canvas i javascript. Gdy strona jest dłuższa niż ekran (Komentarze, itp.) naciśnięcie strzałki w dół prze ... na grę. Wypróbowałem rozwiązanie od: Jak wyłączyć przewijanie strony w FF ze strzałkami, ale nie udało mi się go uruchomić.

Czy można sklonować element Canvas HTML5 z jego zawartością?

Czy Jest jakiś sposób na stworzenie głębokiej kopii elementu canvas z całą narysowaną zawartością?

HTML5 Canvas i antyaliasing

Jak włączyć antyaliasing na płótnie. Poniższy kod nie rysuje gładkiej linii: var context = mainCanv.getContext("2d"); if ... oveTo(0,0); context.lineTo(100,75); context.strokeStyle = "#df4b26"; context.lineWidth = 3; context.stroke(); }

Dlaczego requestAnimationFrame jest lepszy niż setInterval lub setTimeout

Dlaczego powinienem używać requestAnimationFrame zamiast setTimeout lub setInterval? To samo-odpowiedź pytanie jest przykładem dokumentacji.

d3.js Map () automatycznie dopasowuje się do kontenera nadrzędnego i zmienia rozmiar za pomocą okna

Aktualizacja: opublikowałem i zaakceptowałem w pełni działające rozwiązanie w sekcji odpowiedzi. Każdy kod w tej sekcji ma by ... apa zostanie wyśrodkowana po strona jest przeładowana. Ponieważ jednak skala jest statyczna, nie jest skalowana prawidłowo.