Canvas ist ein Oberbegriff für die Zeichenfläche, die mit vielen Freiform-Grafikausgabe-APIs verwendet wird. Verwenden Sie dieses Tag mit anderen Tags, die die spezifische Grafik-API angeben, die zusammen mit der Programmiersprache und der Zielumgebung verwendet wird: [android], [uwp], [wpf], [tkinter], [java], [html5], [chart.js] usw. Fügen Sie gegebenenfalls auch ein bestimmtes Canvas-Tag wie [android-canvas], [html5-canvas] und [tkinter-canvas] hinzu.
Nachdem ich mit zusammengesetzten Operationen experimentiert und Bilder auf die Leinwand gezeichnet habe, versuche ich nun, Bilder zu entfernen und zusammenzusetzen. Wie mache ich das? Ich muss die Leinwand löschen, um andere Bilder neu zu zeichnen. Dies kann eine Weile dauern, daher denke ich...
Mit "Fehler melden" oder "Feedback-Tool" von Google können Sie einen Bereich Ihres Browserfensters auswählen, um einen Screenshot zu erstellen, der mit Ihrem Feedback zu einem Fehler übermittelt wird. Screenshot von Jason Small, in einer doppelten Frage veröffentlicht . Wie machen sie das? Googles...
Ist es möglich, das, was auf einer HTML-Leinwand angezeigt wird, als Bild oder PDF zu erfassen oder zu drucken? Ich möchte ein Bild über Leinwand erzeugen und aus diesem Bild ein PNG generieren
Was ist der beste Ansatz, um Elemente im laufenden Betrieb zu erstellen und sie bewegen zu können? Angenommen, ich möchte ein Rechteck, einen Kreis und ein Polygon erstellen und dann diese Objekte auswählen und verschieben. Ich verstehe, dass HTML5 drei Elemente bietet, die dies ermöglichen können:...
Wie kann ich das HTML5- <canvas>Element automatisch an die Seite anpassen? Zum Beispiel kann ich eine <div>Skalierung erhalten, indem ich die Eigenschaften heightund widthauf 100% setze, aber eine <canvas>wird nicht skaliert,
Ich versuche, auf der Clientseite ein Miniaturbild mit Javascript und einem Canvas-Element zu erstellen, aber wenn ich das Bild verkleinere, sieht es schrecklich aus. Es sieht so aus, als wäre es in Photoshop verkleinert worden, wobei das Resampling auf "Nearest Neighbor" anstelle von Bicubic...
Was ist der einfachste Weg, einem Canvas-Element einen Click-Event-Handler hinzuzufügen, der die x- und y-Koordinaten des Klicks zurückgibt (relativ zum Canvas-Element)? Safari, Opera und Firefox sind nicht
Ich arbeite an einem generativen Kunstprojekt, bei dem ich Benutzern ermöglichen möchte, die resultierenden Bilder von einem Algorithmus zu speichern. Die allgemeine Idee ist: Erstellen Sie ein Bild auf einem HTML5-Canvas mithilfe eines generativen Algorithmus Wenn das Bild fertig ist, können...
Ich möchte eine Webseite mit einem zentrierten Wort haben. Ich möchte, dass dieses Wort mit einer Animation gezeichnet wird, so dass die Seite das Wort auf die gleiche Weise "schreibt", wie wir es tun würden, dh es beginnt an einem Punkt und zeichnet im Laufe der Zeit Linien und Kurven, so dass das...
Ich verwende das JavaScript-Tool "Canvas2Image" von Nihilogic, um Leinwandzeichnungen in PNG-Bilder zu konvertieren. Was ich jetzt brauche, ist, die von diesem Tool generierten base64-Zeichenfolgen mithilfe von PHP in tatsächliche PNG-Dateien auf dem Server umzuwandeln. Kurz gesagt, ich generiere...
Geschlossen. Diese Frage ist nicht reproduzierbar oder wurde durch Tippfehler verursacht . Derzeit werden keine Antworten akzeptiert. Möchten Sie diese Frage verbessern? Aktualisieren Sie die Frage so dass es beim Thema für Stack - Überlauf. Geschlossen vor 6...
Mit dem HTML5- <canvas>Element möchte ich eine Bilddatei (PNG, JPEG usw.) laden, sie vollständig transparent auf die Leinwand zeichnen und dann einblenden. Ich habe herausgefunden, wie das Bild geladen und in die Leinwand, aber ich weiß nicht, wie ich die Deckkraft ändern soll, wenn sie...
Ich habe 2 Leinwände, eines verwendet HTML-Attribute widthund heightzur Größenanpassung verwendet das andere CSS: <canvas id="compteur1" width="300" height="300" onmousedown="compteurClick(this.id);"></canvas> <canvas id="compteur2" style="width: 300px; height: 300px;"...
Ich versuche, einen Text mit dem folgenden Code anzuzeigen. Das Problem ist, dass der Text nicht horizontal zentriert ist. Wenn ich die Koordinaten für drawTexteinstelle, wird der untere Rand des Textes an dieser Position festgelegt. Ich möchte, dass der Text so gezeichnet wird, dass der Text auch...
Ich möchte meine Leinwand in einem Bild speichern. Ich habe diese Funktion: function save() { document.getElementById("canvasimg").style.border = "2px solid"; var dataURL = canvas.toDataURL(); document.getElementById("canvasimg").src = dataURL;
Der HTML5-Canvas verfügt über keine Methode zum expliziten Festlegen eines einzelnen Pixels. Es ist möglicherweise möglich, ein Pixel mit einer sehr kurzen Linie zu setzen, aber dann können Antialisierung und Linienkappen stören. Eine andere Möglichkeit könnte darin bestehen, ein kleines...
Ist es möglich, die Breite und Höhe eines HTML5- canvasElements festzulegen ? Der übliche Weg ist der folgende: <canvas id="canvas" width="300"
Ist es ohne Erweiterungsbibliothek möglich, mehrere Ebenen im selben Canvas-Element zu haben? Wenn ich also ein clearRect auf der obersten Ebene mache, wird die unterste nicht gelöscht? Vielen
Weiß jemand, wie das gemacht werden kann? Würden Sie ein Canvas-Objekt, svg, jQuery usw.
Ich möchte in der Lage sein, den Punkt unter der Maus in einer HTML 5-Zeichenfläche zu vergrößern, wie z. B. das Zoomen in Google Maps . Wie kann ich das