javascript - Wie zeichne ich mehrere Bälle auf Leinwand, sodass das Hintergrundbild jedes Balls unterschiedlich ist?

Frage: Wie kann ich beim Zeichnen mehrerer Bälle auf Leinwand das Hintergrundbild jedes Balls unterschiedlich gestalten? Was ich jetzt tun möchte, ist, jeder Kugel eine andere Farbe zu verleihen und sie mit Bildern zu füllen. Teil des Codes: {code...} Aktueller Effekt:

大家讲道理 2017-06-14 10:54:28 0  4  1009

Problem mit nicht genauen Mauskoordinaten: Verwendung von HTML5-Canvas beim Ändern der Seitengröße

Ich möchte diesen Pixeleffekt von einem Front-End-Experten erstellen. Obwohl ich den gesamten Pixeleffekt auf einer Vollbild-Leinwand erzielen kann: constcanvas=getElementById('canvas');canvas.height=window.innerHeight;//Setzen Sie die Vollbildhöhe auf die Leinwand canvas.width=window.innerWidth ;//...

P粉752290033 2023-09-12 12:20:33 0  1  733

html5 – Canvas kann manchmal nicht auf DataURL-Daten zugreifen

Fragen: 1. Ich weiß nicht warum, manchmal kann Canvas die Zeichnungsdaten nicht abrufen, sondern nur „data:;“. Bitte sagen Sie mir, wo ich das falsch geschrieben habe. 2. Ich habe Canvas so geschrieben. Gibt es etwas, das optimiert werden muss?

高洛峰 2017-06-06 09:53:01 0  2  897

Warum wird jedes Mal, wenn ich mein Vite React-Projekt speichere, ein neues Canvas-Element zum Seitenkörper hinzugefügt, anstatt das vorhandene Canvas-Element zu ersetzen?

Ich versuche, ThreeJs zu lernen (ich bin auch neu in der Javascript-Webentwicklung). Nachdem ich mir einige Tutorials angesehen hatte, begann ich mit Vite und React und dann mit einem einfachen rotierenden Würfel. Dieser Teil funktioniert. Aber nach dem, was ich über Vite gelesen habe, sollte das Sp...

P粉186904731 2024-03-30 09:57:49 0  1  513

Javascript – Die Maus-Zeichenfunktion für Leinwanddesign zeichnet mehrere parallele farbige Linien in einem Strich

1. Canvas-Design-Mauszeichenfunktion zum Zeichnen mehrerer paralleler farbiger Linien in einem Strich 2. Ich habe versucht, dem Mausereignis die Zeichnung oCg.beginPath(); hinzuzufügen, aber das Ereignis wird überschrieben. 3. Fügen Sie auf die gleiche Weise eine doppelte Leinwand hinzu, aber die Le...

PHP中文网 2017-06-13 09:24:08 0  1  1269

Die Leinwand erscheint leer?

Ich versuche, Schlüssel auf einer Leinwand zu rendern, die ich von BlazePose erhalten kann, aber ich schaffe es anscheinend nicht, sie auf die Leinwand zu zeichnen. Ich kenne die x- und y-Werte jedes Schlüsselpunkts und werde abgerufen, aber ich kann sie nicht auf der Leinwand anzeigen lassen. Ich h...

P粉147045274 2024-03-31 17:20:31 0  1  553

javascript - Wie kann festgestellt werden, ob sich die Position des Punkts auf der darin gezeichneten Linie befindet, wenn mit der Maus auf die Canvas-Seite geklickt wird? Etwas löst auf einer gezeichneten Linie ein Ereignis aus?

Unten sind drei Abschnitte mit unterstrichenem Code aufgeführt. Wenn ich in den Bearbeitungsmodus klicke, wird die entsprechende Position der linken Maustaste in vcanvas aufgezeichnet. Wie kann ich feststellen, ob der Punkt, auf den ich geklickt habe, auf dem von mir gezeichneten Liniensegment liegt...

世界只因有你 2017-06-13 09:24:19 0  1  1172

javascript - Leinwand beim Zeichnen eines durchscheinenden Mosaiks unterstützen?

Meine Anforderung besteht darin, Benutzern die Verwendung der Maus zum Mosaikieren der hochgeladenen Dokumente zu ermöglichen. Meine Idee besteht darin, Mausereignisse an die Leinwand zu binden und entlang des Mausklickpfads des Benutzers ein durchscheinendes PNG zu zeichnen PNG-Overlay, ich möchte ...

仅有的幸福 2017-06-07 09:24:40 0  1  882

Bildspeicherung – PHP MySQL speichert Base64-Bilder

Im HTML5-Canvas habe ich ein Drittanbieter-Steuerelement zum Erstellen von Emoticon-Paketen verwendet und möchte nun das fertige Emoticon-Paket in die MySQL-Datenbank hochladen. Egal, ob Sie es auf einen lokalen Server hochladen und dann die Dateiadresse in der Datenbank speichern oder es in Blob-Fo...

ringa_lee 2017-05-19 10:07:42 0  4  992

javascript – So ermitteln Sie die gezeichneten Grafiken unter CANVAS

Wie beurteile ich, was ich auf der Leinwand zeichne? Ich verwende zum Beispiel Linien, um ein Herz oder ein V zu zeichnen. . Wie kann man feststellen, ob es Herz oder V ist? . Und beurteilen Sie die Ähnlichkeit zwischen den Gemälden zweier Personen. Die Bedingung kann ein Strich sein, nicht mehrere ...

PHP中文网 2017-05-16 13:27:54 0  2  665

ctx alternativ. Verwenden Sie StrokeStyle, wenn Sie requestAnimationFrame() verwenden.

Ich versuche, „implementand mmotion to draw“ als Hintergrundfläche meiner Homepage zu implementieren, habe aber Probleme, Abfragefarben zu finden.

P粉605385621 2023-08-01 16:06:12 0  1  505

Javascript-Leinwandzeichnung

Ich habe eine Funktion geschrieben, die zum ersten Mal das drawImage von Canvas aufruft, um einen Teil eines lokalen Bildes zu zeichnen (dies kann erfolgreich sein), und dann toDataURL aufruft, um das von Canvas gezeichnete Bild in das src-Attribut des Bildobjekts zu konvertieren, und dann dieses Wa...

PHP中文网 2017-07-05 10:46:27 0  1  759

html5 – Wie man den Blütenblatt-Streuungseffekt schreibt und wie man viele Blütenblätter erzeugt

{Code...} Ich schreibe eins nach dem anderen und es kann nicht unendlich viele Blütenblätter erzeugen, wenn es nur wenige gibt. Oder wie kann das sein? mit Leinwand erreicht?

我想大声告诉你 2017-06-22 11:53:27 0  3  2051

Javascript – Probleme bei der Verarbeitung von Canvas-Bildern

Ich muss Canvas verwenden, um ein vom Benutzer hochgeladenes Bild zu verarbeiten. Die vom Benutzer hochgeladene Größe kann beispielsweise sehr groß sein und die Breite und Höhe des aktuellen Browserfensters überschreiten. Daher skaliere ich es proportional zum sichtbaren Bereich des Browsers und zei...

扔个三星炸死你 2017-06-10 09:49:16 0  3  997

Der Klickbereich des Schiebepfeils ist breiter als das Symbol

Auf meiner WordPress-Entwicklungsseite habe ich eine Diashow-Funktion für Galerien. Wenn Sie auf ein Bild klicken, wird eine Diashow gestartet. Mein Problem sind meine zwei weißen Pfeile, einer links und einer rechts. Der anklickbare Bereich des Pfeils ist breiter als die Größe des Symbols. Siehe Bi...

P粉195200437 2023-09-13 19:29:50 0  1  617

Antwortgröße von Chartjs

Ich möchte die Schriftgröße anpassen, wenn meine Zeichenbreite kleiner ist. Ich verwende ChartJs und den Linientyp. Wenn die Leinwandbreite 100 % (1500 Pixel) beträgt, habe ich Folgendes: Aber wenn ich die Leinwandgröße auf 50 % (750 Pixel) ändere, erhalte ich Folgendes: Der Text ist zu klein zum Le...

P粉321584263 2023-09-15 13:28:07 0  1  586

javascript – Fragen zum jQuery File Upload-Plug-in

Der Benutzer verwendet das Tag „input="file", um ein Bild auszuwählen. Nachdem ich das vom Benutzer ausgewählte Bild zur Verarbeitung auf die Leinwand gezeichnet habe, erhalte ich die Base64-Bilddaten. Dann stellt sich die Frage, wie ich dieses Ergebnis in die jQuery-Datei einfüge Hochlade...

淡淡烟草味 2017-06-10 09:49:07 0  1  645

javascript – So erzielen Sie einen Bleistiftlinienzeichnungseffekt auf Leinwand

Die Strichzeichnungen, die ich kürzlich gemacht habe, wurden alle mit Lineto erstellt, aber die Zeichnungen sind alle durchgezogene Linien. Aus der Perspektive der kreativen Wirkung möchte ich den Effekt haben, einen [Bleistift] zu zeichnen ~ Liebe Meister, wie man es zeichnet. .

習慣沉默 2017-05-24 11:37:40 0  1  1047

Alle 3 Elemente umschließen ein übergeordnetes Element

Ich möchte nur alle 3 Divs mit einer Klasse für die Audiosuche ein Div mit der Slideshow-Klasse umschließen. Ein Fehler, den ich bekam, war, dass dort stand, dass elem.parentElement undefiniert ist ... dieser Teil funktioniert also einwandfrei ... constaudioBlocks=document.querySelectorAll('.search-...

P粉211273535 2024-04-02 13:11:31 0  2  414

Javascript - Ich habe ein Canvas-Spiel erstellt. Wenn die Kartenkamera auf das Kartenobjekt zoomt, bleiben die Bilder pro Sekunde hängen und die Animation ist nicht flüssig. Wie kann ich dieses Problem lösen?

Es sollte sein, dass das CSS, das zum Vergrößern der Kamera, also der Leinwand, verwendet wird, zu Instabilität führt. Was soll ich tun?

女神的闺蜜爱上我 2017-07-05 11:03:02 0  2  950