Pytania oznaczone «canvas»

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].

1012
Jak wyczyścić płótno do przerysowania

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...

476
HTML5 Canvas vs. SVG vs. div

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...

314
Zmiana rozmiaru obrazu w kanwie HTML5

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...

260
Jak zapisać płótno HTML5 jako obraz na serwerze?

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...

191
Tekst Centrum Android na płótnie

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...

187
Splamione płótna nie mogą być eksportowane

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...