Płótno to ogólny termin określający powierzchnię rysowania używaną z wieloma interfejsami API wyjściowej grafiki o dowolnym kształcie. Użyj tego znacznika z innymi tagami, które wskazują konkretny graficzny interfejs API, który jest używany wraz z językiem programowania i środowiskiem docelowym: [android], [uwp], [wpf], [tkinter], [java], [html5], [chart.js] itp. W razie potrzeby dołącz również określony tag kanwy, taki jak [android-canvas], [html5-canvas], [tkinter-canvas].
Po eksperymentowaniu z operacjami złożonymi i rysowaniu obrazów na płótnie próbuję teraz usunąć obrazy i kompozycję. Jak mam to zrobic? Muszę wyczyścić płótno, aby przerysować inne obrazy; to może trwać przez jakiś czas, więc nie sądzę, aby rysowanie nowego prostokąta za każdym razem było...
„Zgłoś błąd” lub „Narzędzie opinii” Google pozwala wybrać obszar okna przeglądarki, aby utworzyć zrzut ekranu z informacją o błędzie. Zrzut ekranu autorstwa Jasona Smalla, opublikowany w zduplikowanym pytaniu . Jak oni to robią? Interfejs API JavaScript do przesyłania opinii Google jest...
Czy można uchwycić lub wydrukować to, co jest wyświetlane na kanwie HTML jako obraz lub pdf? Chciałbym wygenerować obraz przez płótno i móc wygenerować png z tego
Jakie jest najlepsze podejście do tworzenia elementów w locie i możliwości ich przenoszenia? Załóżmy na przykład, że chcę utworzyć prostokąt, okrąg i wielokąt, a następnie wybrać te obiekty i przesunąć je. Rozumiem, że HTML5 zapewnia trzy elementy, które mogą to umożliwić: svg , canvas i div . Co...
Jak mogę automatycznie skalować <canvas>element HTML5 , aby pasował do strony? Na przykład mogę uzyskać <div>skalowanie, ustawiając właściwości heighti widthna 100%, ale <canvas>nie będzie skalować,
Próbuję utworzyć miniaturę po stronie klienta przy użyciu javascript i elementu canvas, ale kiedy zmniejszam obraz, wygląda to okropnie. Wygląda na to, że został zmniejszony w Photoshopie z ustawieniem ponownego próbkowania na „Nearest Neighbor” zamiast na Bicubic. Wiem, że to możliwe, aby...
Jaki jest najprostszy sposób dodania modułu obsługi zdarzenia kliknięcia do elementu canvas, który zwróci współrzędne xiy kliknięcia (względem elementu canvas)? Nie jest wymagana starsza kompatybilność przeglądarki, wystarczy Safari, Opera i
Pracuję nad generatywnym projektem artystycznym, w którym chciałbym umożliwić użytkownikom zapisywanie powstałych obrazów z algorytmu. Ogólna idea to: Utwórz obraz na kanwie HTML5 przy użyciu algorytmu generatywnego Po ukończeniu obrazu zezwól użytkownikom na zapisanie płótna jako pliku obrazu na...
Chcę mieć stronę internetową, która ma jedno wyśrodkowane słowo. Chcę, aby to słowo zostało narysowane za pomocą animacji, tak aby strona „zapisała” to słowo w taki sam sposób, jak my, tzn. Zaczyna się w jednym punkcie i rysuje linie i krzywe w czasie, tak aby końcowy wynik był glifem. Nie dbam...
Korzystam z narzędzia JavaScript „Canvas2Image” Nihilogic do konwersji rysunków na obrazy w formacie PNG. Teraz potrzebuję przekształcić ciągi base64 generowane przez to narzędzie w rzeczywiste pliki PNG na serwerze, używając PHP. Krótko mówiąc, obecnie tworzę plik po stronie klienta za pomocą...
Zamknięte. To pytanie nie jest powtarzalne lub zostało spowodowane literówkami . Obecnie nie przyjmuje odpowiedzi. Chcesz poprawić to pytanie? Zaktualizuj pytanie, aby było na temat przepełnienia stosu. Zamknięte 6 lat temu . Popraw to pytanie...
Korzystając z <canvas>elementu HTML5 , chciałbym załadować plik obrazu (PNG, JPEG itp.), Narysować go całkowicie na płótnie całkowicie przezroczysto, a następnie go rozjaśnić. Zrozumiałem, jak załadować obraz i narysować go na płótno, ale nie wiem, jak zmienić jego krycie po narysowaniu. Oto...
Mam 2 płótnach używa atrybutów HTML widthi heightwielkości to, CSS innych zastosowań: <canvas id="compteur1" width="300" height="300" onmousedown="compteurClick(this.id);"></canvas> <canvas id="compteur2" style="width: 300px; height: 300px;"
Próbuję wyświetlić tekst przy użyciu poniższego kodu. Problem polega na tym, że tekst nie jest wyśrodkowany poziomo. Kiedy ustawiam współrzędne drawText, ustawia dolną część tekstu w tej pozycji. Chciałbym, aby tekst został narysowany tak, aby był wyśrodkowany również poziomo. To zdjęcie pokazuje...
Chcę zapisać moje płótno na obrazie. Mam tę funkcję: function save() { document.getElementById("canvasimg").style.border = "2px solid"; var dataURL = canvas.toDataURL(); document.getElementById("canvasimg").src = dataURL; document.getElementById("canvasimg").style.display = "inline"; } Daje...
W kanwie HTML5 nie ma metody jawnego ustawienia pojedynczego piksela. Możliwe może być ustawienie piksela za pomocą bardzo krótkiej linii, ale wtedy może się pojawić zakłócanie funkcji antyaliasingu i ograniczania linii. Innym sposobem może być utworzenie małego ImageDataobiektu i...
Czy można naprawić szerokość i wysokość canvaselementu HTML5 ? Zwykły sposób jest następujący: <canvas id="canvas" width="300"
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
Czy ktoś wie, jak można to zrobić? Czy użyłbyś obiektu płótna, svg, jQuery
Chcę mieć możliwość powiększenia punktu znajdującego się pod myszą na płótnie HTML 5, tak jak w Mapach Google . Jak mogę to